Ciao devo realizzare un form
questo è il codice
e questo è il mio codice csscodice:<form action="index.php?act=doadd" method="post"><fieldset><legend>form</legend> <input name="vname" type="text" size="30"> <label>nome*</label> <input name="vemail" type="text" size="30"> <label>e-mail*</label> <input name="vwebsite" type="text" value="http://" size="30"> <label>home page</label> <select name="vgender"> <option value="Male"> Maschio </option> <option value="Female"> Femmina </option> </select><label>sex</label> <textarea name="vcomment" cols=35 rows=7></textarea> <label>commento*</label> <input type="submit" value=" Invia"> </fieldset> </form>
primo problema: la scritta form presente sul tag legend, mi si viusalizza in maniera differente tra IE e FF. In IE è a una distanza maggiore rispetto al bordo in alto a sx. In FF è quasi attaccato al bordo in alto a sx.codice:form{ padding:0; margin-top:5px; text-align:left; } fieldset{ padding: 2px; border: 1px solid #999; margin-top: 20px; margin-left:5px; } legend{ padding: 0px 5px; text-transform: uppercase; font-size:10px; font-family:Verdana,sans-serif; color:#999} label{ text-transform:uppercase; cursor:pointer; padding:2px; font-size:10px; font-family:Verdana,sans-serif; color:#999 } input,textarea,button{ margin:3px; padding:2px; background:url(../images/sfondo.gif) repeat-x top center; border:0; border:1px solid #ccc; overflow:hidden; } .select{ margin:3px; padding:2px; margin-left: 8px; } input,textarea{ padding:2px 5px; } .radio { vertical-align:middle; } button{ background:#fff; border:0; font-size:10px; cursor:pointer; text-transform:lowercase; color:#ccc } button:hover{ color:#668187 }
secondo problema: la select non è allineata rispetto agli altri campi.
come posso risolvere?
grazie
alessia

Rispondi quotando