form: dimensione caratteri in option

**blob696** · 13-10-2009, 14:44

ho questo codice:
<script> ...................</script>

<form>
<fieldset>
<legend> elenco opzioni</legend>
<SELECT onchange=go(this) name=indexlist>
<OPTION value="http://www.miosito/pagina1.php">pagina1</OPTION>
<OPTION value="http://www.miosito/pagina2.php">pagina2</OPTION>
<OPTION value="http://www.miosito/pagina3.php">pagina3</OPTION>
<OPTION value="http://www.miosito/paginan.php">paginan</OPTION>
</SELECT>
</fieldset>
</FORM>

vorrei cambiare sia le dimensioni dei caratteri che appaiono nel brouser tra le opzioni e (se possibile) anche lo sfondo del form.
ho provato con i CSS ma evidentemente mi sfugge qualcosa.

un altra domanda:
ogni volta che inserisco un form, in automatico si va a creare una spazio vuoto sotto i campi, come faccio a levarli?

ringrazio sempre tutti.

ciao
Giuseppe

**miki003** · 13-10-2009, 15:07

Originariamente inviato da blob696
ho questo codice:
<script> ...................</script>

<form>
<fieldset>
<legend> elenco opzioni</legend>
<SELECT onchange=go(this) name=indexlist>
<OPTION value="http://www.miosito/pagina1.php">pagina1</OPTION>
<OPTION value="http://www.miosito/pagina2.php">pagina2</OPTION>
<OPTION value="http://www.miosito/pagina3.php">pagina3</OPTION>
<OPTION value="http://www.miosito/paginan.php">paginan</OPTION>
</SELECT>
</fieldset>
</FORM>

vorrei cambiare sia le dimensioni dei caratteri che appaiono nel brouser tra le opzioni e (se possibile) anche lo sfondo del form.
ho provato con i CSS ma evidentemente mi sfugge qualcosa.

un altra domanda:
ogni volta che inserisco un form, in automatico si va a creare una spazio vuoto sotto i campi, come faccio a levarli?

ringrazio sempre tutti.

ciao
Giuseppe

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
#form {
	background: #FC6;
}
#testo {
	font-size: 16px;
}
-->
</style>
</head>

<body>

<form id="form"> 
<fieldset> 
<legend> elenco opzioni</legend>
<SELECT onchange="go(this") name="indexlist" id="testo"> 
<OPTION value="http://www.miosito/pagina1.php">pagina1</OPTION>
<OPTION value="http://www.miosito/pagina2.php">pagina2</OPTION>
<OPTION value="http://www.miosito/pagina3.php">pagina3</OPTION>
<OPTION value="http://www.miosito/paginan.php">paginan</OPTION>
</SELECT> 
</fieldset>
</FORM>


</body>
</html>

Avevi dimenticato gli apici nel tag select.

Non ho capito di quale spazio parli!

**blob696** · 13-10-2009, 15:35

intanto grazie.

Se vorrei mettere gli stili direttamente in linea? cioè nel body, e possibile?

**blob696** · 13-10-2009, 15:45

risolto

ho usato le classi.

allora gli spazi:

se inserisco il campo select in una tabella con (per esempio) border='1" la distanza tra il bordo inferiore della tabella e il campo è sempre di circa 20 pixel, mentre io vorrei che non ce ne fosse.

spero di essermi spiegato

**miki003** · 13-10-2009, 22:48

Originariamente inviato da blob696
risolto

ho usato le classi.

allora gli spazi:

se inserisco il campo select in una tabella con (per esempio) border='1" la distanza tra il bordo inferiore della tabella e il campo è sempre di circa 20 pixel, mentre io vorrei che non ce ne fosse.

spero di essermi spiegato

Io ho fatto un codice di prova questo:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>

<body>
<table width="0%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td><form id="form1" name="form1" method="post" action="">
      <label>Select 1
        <select name="menu1" id="menu1">
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
        </select>
      </label>
    </td>
  </tr>
  <tr>
    <td>
      <label>Select 2
        <select name="menu2" id="menu2">
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
        </select>
      </label>
    </td>
  </tr>
  <tr>
    <td>
      <label>Select 3
        <select name="menu3" id="menu3">
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
        </select>
      </label>
    </form></td>
  </tr>
</table>

</body>
</html>

Ma di spazio tra una select e l'altra non ne vedo

editMode by VZ:
t'era sfuggito un </form> di troppo

**gigino10** · 16-10-2009, 14:15

io ho il tuo stesso problema. non riesco a risolvere

**Vincent.Zeno** · 16-10-2009, 14:49

su IE i form tendono a prendersi spazio.

provate ad applicare margin:0px; allo stile del form.
solitamente si risolve così

**gigino10** · 16-10-2009, 19:31

wow. ha funzionato, grazie mille

Discussione: form: dimensione caratteri in option

Strumenti discussione

Ricerca discussione

Visualizza

form: dimensione caratteri in option

Re: form: dimensione caratteri in option

Permessi di invio