aumentare la dimensione dei caratteri in option

**Piermy** · 13-04-2020, 15:15

Ciao, prendendo spunto da questa discussione:
https://forum.html.it/forum/showthre...ratteri+option

ho cercato di adattarla al mio caso ma non riesco ad aumentare la dimensione dei caratteri nel menù a tendina della ricerca per genere:
https://www.libriantichicavallero.com/cerca.php

Questo il codice:

codice:

<?
ini_set('default_charset', 'utf-8'); 
?>
<?
include("config.inc.php");

$db = mysql_connect($db_host, $db_user, $db_password);
if ($db == FALSE)
die ("Errore nella connessione. Verificare i parametri nel file config.inc.php");
mysql_select_db($db_name, $db)
or die ("Errore nella selezione del database. Verificare i parametri nel file config.inc.php");

mysql_set_charset("utf8");

?>

<form name="cerca2" method="post" action="result_genere.php">
<input TYPE="hidden" NAME="submitted" VALUE="base_genere">

<?
$query = "SELECT DISTINCT `GENERE` FROM `articoli`ORDER by 'GENERE' ASC";
$esegui = mysql_query ($query,$db) or die ("Connessione non riuscita");
$option="<select name=\"select_genere\">";
$option.="<option>scegli il genere</option>";
while ($array = mysql_fetch_array ($esegui)){
$array[GENERE] = stripslashes($array[GENERE]);
$option.="<option value=\"$array[GENERE]\">$array[GENERE]</option>";
}
$option.="</select>";
echo "$option";
?>

<br>


<button id="pulsante" TYPE="submit" VALUE="cerca" NAME="search_genere">CERCA</button>
</form>

<?
mysql_close($db);
?>

**Vincent.Zeno** · 13-04-2020, 15:20

questa è una sezione di linguaggio client, inutile postare il codice dinamico.
posta solo ed esclusivamente il codice html/css/js prodotto

**Piermy** · 13-04-2020, 15:30

Scusami se non ho ben compreso quanto mi dici....intendi questo ?

codice:

<!DOCTYPE html>
<html lang="it">

<head>
<title>Motore di ricerca</title>
<meta charset="utf-8"  />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>



<!-- Begin Body -->

<body>

<div id="border"><div id="container"> 





<!-- menu -->

<div id="topmenu">
<ul>
        <li><a href="index.php" target="_top" title="Pagina principale"><span>Home</span></a></li>
        <li><a href="Condizioni.php" target="_top" title="Guida all'acquisto"><span>Guida all'acquisto</span></a></li>
	<li><a href="Notawinzip.php" target="_top" title="Scarica il Catalogo 2020"><span>Catalogo</span></a></li>
	<li><a href="cerca.php" target="_top" title="Motore di ricerca"><span>Cerca</span></a></li>
	<li><a href="form/indexpostadesiderata.php" target="_top" title="Comunicaci i tuoi interessi"><span>Desiderata</span></a></li>
	<li><a href="Contatti.php" target="_top" title="Contatto"><span>Contatto</span></a></li>
        <li><a href="index.php" target="_top" title="Italiano"><img src="images/image001.gif" alt="Italiano">&nbsp;&nbsp;</a></li>
        <li><a href="index_eng.php" target="_top" title="Inglese"><img src="images/image002.gif" alt="Inglese"></a></li>
        <li><img src="images/paypal_logo-2-menu.gif" alt="paypal"></li>
</ul>
     
</div>





<!-- header backround image is in the style sheet-->
<div id="header_ita"></div>


<!-- content -->
<div id="content">

<div class="splitleft">

<p><b>Motore di ricerca&nbsp;&nbsp;&nbsp;</b><a href="help.php" target="_top">(Aiuto alla ricerca)</a></p>




<table>
<tr>
<td>



<head>
<style type="text/css">

input[type="text"] {font-size: 100%; padding:5px 10px;}

</style>
</head>




<form name="cerca1" method="post" action="result.php">

<input TYPE="hidden" NAME="submitted" VALUE="base">

<b>Ricerca per:</b>
<br />

<input TYPE="radio" NAME="criterio" VALUE="autore">
Autore

<br />

<input TYPE="radio" CHECKED NAME="criterio" VALUE="titolo">
Titolo

<br />

<input TYPE="radio" NAME="criterio" VALUE="descrizione">
Descrizione

<br />

<input TYPE="radio" NAME="criterio" VALUE="editore">
Editore

<br />

<input TYPE="radio" NAME="criterio" VALUE="anno">
Anno

<br />

<input TYPE="TEXT" onfocus="this.value='';" SIZE="50" NAME="chiave" value="Inserisci un termine di ricerca...">
<br />

<button id="pulsante" TYPE="submit" VALUE="cerca" NAME="search">CERCA</button>
</form>

</td>
<td>

<b>Ricerca per genere:</b>



<form name="cerca2" method="post" action="result_genere.php">
<input TYPE="hidden" NAME="submitted" VALUE="base_genere">

<select name="select_genere"><option>scegli il genere</option><option value="(VARIO)">(VARIO)</option><option value="(FRANCESI)">(FRANCESI)</option><option value="(GALILEO)">(GALILEO)</option><option value="(SCIENZE)">(SCIENZE)</option><option value="(GUERRA)">(GUERRA)</option><option value="(LETTERATURA)">(LETTERATURA)</option><option value="(GUIDE)">(GUIDE)</option><option value="(BOTANICA)">(BOTANICA)</option><option value="(DANTE)">(DANTE)</option><option value="(MUSICA)">(MUSICA)</option><option value="(STORIA LOCALE LAZIO)">(STORIA LOCALE LAZIO)</option><option value="(SALGARI)">(SALGARI)</option><option value="(MEDICINA)">(MEDICINA)</option><option value="(STORIA LOCALE PIEMONTE)">(STORIA LOCALE PIEMONTE)</option><option value="(ALFIERI)">(ALFIERI)</option><option value="(RELIGIONE)">(RELIGIONE)</option><option value="(SAVOIA)">(SAVOIA)</option><option value="(VIAGGI)">(VIAGGI)</option><option value="(ALCHIMIA)">(ALCHIMIA)</option><option value="(ARCHEOLOGIA)">(ARCHEOLOGIA)</option><option value="(MANUALE HOEPLI)">(MANUALE HOEPLI)</option><option value="(SAGGI)">(SAGGI)</option><option value="(MUSSOLINI - FASCISMO)">(MUSSOLINI - FASCISMO)</option><option value="(DA VINCI)">(DA VINCI)</option><option value="(D'ANNUNZIO)">(D'ANNUNZIO)</option><option value="(MAZZINI)">(MAZZINI)</option><option value="(NAPOLEONE)">(NAPOLEONE)</option><option value="(ROMANZI)">(ROMANZI)</option><option value="(CACCIA E ORNITOLOGIA)">(CACCIA E ORNITOLOGIA)</option><option value="(BIBLIOGRAFIA)">(BIBLIOGRAFIA)</option><option value="(ARTE)">(ARTE)</option><option value="(ALPINISMO-MONTAGNA)">(ALPINISMO-MONTAGNA)</option><option value="(RACCONTI)">(RACCONTI)</option><option value="(TEATRO)">(TEATRO)</option><option value="(STORIA LOCALE VALLE D'AOSTA)">(STORIA LOCALE VALLE D'AOSTA)</option><option value="(STORIA)">(STORIA)</option><option value="(CARDUCCI)">(CARDUCCI)</option><option value="(STORIA LOCALE LIGURIA)">(STORIA LOCALE LIGURIA)</option><option value="(DIZIONARI)">(DIZIONARI)</option><option value="(ACQUE E TERME)">(ACQUE E TERME)</option><option value="(GASTRONOMIA)">(GASTRONOMIA)</option><option value="(POESIE)">(POESIE)</option><option value="(DIRITTO)">(DIRITTO)</option><option value="(VERDI)">(VERDI)</option><option value="(NUMISMATICA)">(NUMISMATICA)</option><option value="(ARCHITETTURA)">(ARCHITETTURA)</option><option value="(AGRICOLTURA)">(AGRICOLTURA)</option><option value="(SPORT)">(SPORT)</option><option value="(EROTISMO)">(EROTISMO)</option><option value="(VOCABOLARI)">(VOCABOLARI)</option></select>
<br>


<button id="pulsante" TYPE="submit" VALUE="cerca" NAME="search_genere">CERCA</button>
</form>




</td>
</tr>
</table>





</div>








<!-- Begin Page Menu  -->

<div id="introduction">




<table>
<tbody>
<tr><td><h1><a href="1.htm" target="_top" title="Libri Antichi Cavallero - parte prima">Libri Antichi</a></h1></td></tr>
<tr><td><a href="1.htm" target="_top" title="Libri Antichi Cavallero - parte prima">1-1000</a><br /></td></tr>
<tr><td><a href="2.htm" target="_top" title="Libri Antichi Cavallero - parte seconda">1001-2000</a></td></tr>
<tr><td><a href="3.htm" target="_top" title="Libri Antichi Cavallero - parte terza">2001-3000</a></td></tr>
<tr><td><a href="4.htm" target="_top" title="Libri Antichi Cavallero - parte quarta">3001-4000</a></td></tr>
<tr><td><a href="5.htm" target="_top" title="Libri Antichi Cavallero - parte quinta">4001-5000</a></td></tr>
<tr><td><a href="6.htm" target="_top" title="Libri Antichi Cavallero - parte sesta">5001-5323</a></td></tr>
</tbody>
</table>




<h1><a href="indexSalgari.htm" target="_top" title="Libri di Avventura Salgariana">Salgari</a></h1>

<h1><a href="indexManualeHoepli.htm" target="_top" title="Manuali Hoepli">Manuali Hoepli</a></h1>

<a href="cerca.php" target="_top" title="Cerca un libro"><img src="images/cerca.jpg" alt="Cerca un libro"></a>

<h1><a href="cerca.php" target="_top" title="Cerca un libro">Ricerca libri</a></h1>

<img src="images/paypal_logo-2-menu.gif" alt="paypal">

</div>





<!-- footer -->

</div>
<div id="footer">
<span class="style5">Design by Cavallero | copyright 2020 Pier Mario Cavallero</span><br />
<br />
</div>
</div>
</div>

</body>

</html>

**Vincent.Zeno** · 13-04-2020, 15:34

esatto. se non necessario non serve riportare tutto il codice ma solo le parti interessate.

edit
si nota con evidenza un grave errore di marcatura:
un'istanza head e style all'interno di body, non ci devono stare

**Piermy** · 13-04-2020, 15:46

Giusto, ma come codifico quest'informazione ponendola nel css ?

codice:

<head>
<style type="text/css">

input[type="text"] {font-size: 100%; padding:5px 10px;}

</style>
</head>

**Vincent.Zeno** · 13-04-2020, 16:18

nel css ci metti solo quello che riguarda il css:

codice:

input ecc...

le altre righe sono da eliminare.

altrimenti, se vuoi operare direttamente sulla pagina (quindi non nel file css esterno), metti direttamente in head. senza replicare l'istanza head

codice:

<style type="text/css">
input[type="text"] {font-size: 100%; padding:5px 10px;}
</style>

**Piermy** · 13-04-2020, 16:26

Grazie, ho modificato il css ma rimane il problema dell'option (menù a tendina).

Ho provato ad inserire nel file .css:

codice:

option {
font-size: 100%; padding:10px 50px;
}

ma non funziona

**carlomarangoni** · 13-04-2020, 16:32

Non funziona perché non fa riferimento ne a una classe ne a un id
option che cosa è?

**Piermy** · 13-04-2020, 16:36

Grazie ci sono riuscito: andava settato il "select" e non l'"option"

**Piermy** · 13-04-2020, 17:17

Ora che ho aumentato le dimensioni dei caratteri e distanziato le linee di testo dovrei allineare i radio checkbox:
https://www.libriantichicavallero.com/cerca.php

ho messo:

codice:

input[type='radio'],
input[type='checkbox'] {
height: 30px;
}

come si fa ?

Discussione: aumentare la dimensione dei caratteri in option

Strumenti discussione

Ricerca discussione

Visualizza

aumentare la dimensione dei caratteri in option

Permessi di invio