Problem med kontaktskjema og alignment

[dedLy_sCoRpIoN]

Hey!

Problemet er at boksane ein skal skrive med ikkje ligg på linje ovanfor kvarandere, men ligg seg inntil teksten slik at dei er skeive ovanfor kvarandre.

 

Koden:

 

<form method="post" action="">

<p>

<label for="name">Navn:</label>

<input id="name" name="name" type="text" size="30" maxlength="40" /><br />

 

<label for="email">E-post:</label>

<input id="email" name="email" type="text" size="30" maxlength="40" /><br />

 

<label for="subject">Adresse:</label>

<input id="subject" name="subject" type="text" size="30" maxlength="40" /><br /><br />

 

<label for="message">Melding:</label><br /><br />

<textarea id="message" name="msg" cols="40" rows="6"></textarea><br /><br />

 

<label for="submit"> </label>

<input id="submit" class="button" type="submit" name="submit" value="Send" />

</p>

</form>

 

Er og ein php-kode med, men går utifrå at den ikkje har noko med dette å gjere...

 

På førehand takk

[Wattengård]

<label> sier i utgangspunktet ikke noe om hvordan det skal presenteres.

Jeg har sett to kurante alternativer. Det ene er å enkelt og greit hive en <br /> etter hver <label>, det andre er å sette label og input til "display: block;" i CSS.

 

Et tredje alternativ er å legge de i en tabell med <label> i venstre kolonne og <input> i høyre kolonne. Da får du justert teksten korrekt uten å ha <label> og <input> på hver sin linje.

 

-C-

[fgr]

bare å putte det i en table

 

<table>

<tr><td>navn</td><td><input type=text></td></tr>

 

osvosv

[dedLy_sCoRpIoN]

Gjorde som du sa jagarock og det funka kjempe!

 

Takk for hjelpa!

[Ståle]

Går det ikke å bare ha width på labelene?

[MikkelRev]

Et alternativ er å bruke <dl>, så slipper du <table>.

 

<dl>

<dt>Navn:</dt>

<dd><input type="text"></dd>

<dt>Adresse:</dt>

<dd><input type="text"></dd>

</dl>

[Wattengård]

<label> er et inline element, du kan ikke sette width på et inline element.

 

-C-

[masb]

http://www.slideshare.net/AaronGustafson/l...s-webvisions-07

 

bruker denne metoden når jeg lager forms. anbefales