Jag har följande kod

<code>
<div class="extratraveller">

<input type="hidden" name="preText" value="m0">
<div class="header">Medresenär</div>
<div class="row">
<div class="text">Förnamn</div>
<div class="field"><input type="text" name="m0_firstName"></div>
</div>
<div class="row">
<div class="text">Efternamn</div>

<div class="field"><input type="text" name="m0_lastName"></div>
</div>
<div class="row">
<div class="text">Kön</div>
<div class="field"><select name="m0_gender">
<option value="">Välj i listan</option>
<option value="M">Man</option>

<option value="F">Kvinna</option>
<option value="C">Barn</option>
</select></div>
</div>
<div class="row">
<div class="text">Ålder</div>
<div class="field"><input type="text" name="m0_age"></div>

</div>
<div class="row">
<div class="text">Skidhyra</div>
<div class="field"><input type="checkbox" name="m0_skiRental"></div>
</div>
</div>
</code>

I dagsläget så ligger den rad för rad. Min tanke var att flytta upp fältet till varje text så att det ligger i en egen kolumn brevid (som en simpel tabell). Försökt med float, men får inte till det.

Nån som kan hjälpa till?

jag vet inte om det är så här du menar. nu ligger iaf fälten jämte texten.

<code><div class="extratraveller">

<input type="hidden" name="preText" value="m0">
<div class="header">Medresenär</div>
<div class="row">
<div class="text">Förnamn
<input type="text" name="m0_firstName">
</div>
<div class="field"></div>
</div>
<div class="row">
<div class="text">Efternamn
<input type="text" name="m0_lastName">
</div>

<div class="field"></div>
</div>
<div class="row">
<div class="text">Kön
<select name="m0_gender">
<option value="">Välj i listan</option>
<option value="M">Man</option>
<option value="F">Kvinna</option>
<option value="C">Barn</option>
</select>
</div>
<div class="field"></div>
</div>
<div class="row">
<div class="text">Ålder
<input type="text" name="m0_age">
</div>
<div class="field"></div>
</div>
<div class="row">
<div class="text">Skidhyra
<input type="checkbox" name="m0_skiRental">
</div>
<div class="field"></div>
</div>
</div> </code>

Fast inte i en egen kolumn.

Vill att de ska ligga brevid så, fast alla input-fält ska ligga på samma avstånd från vänsterkanten.

Det här blir ju så. Men alla tjatar om att man ska använda css för allt layoutande, så jag undra hur man fick till en sån här sak.

<code>
<table>
<tr>
<td>Namn</td>
<td><input></td>
</tr>
<tr>
<td>Nåt annat</td>
<td><input></td>
</tr>
</table>
</code>

Du måste byta ut en del av dina div till span, eftersom div är ett blockelement och skapar som standard en ny rad efter /div
Jag såg inte att du lagt med något CSS så jag bifogar det som jag gjort, OBS denna kommer inte att validera mot w3c, eftersom jag bland annat utelämnat fontreferenser mm.

<code>
<style type="text/css">
<!--
.header {
font-weight: bold;
}
.row {
margin-top: 20px;
}
.field {
left: 150px;
position: absolute;
}
.row {
margin-top: 20px;
}
.field {
left: 150px;
position: absolute;
}
-->
</style>
</code>

<code>
<div class="extratraveller">
<input type="hidden" name="preText" value="m0">
<div class="header">Medresenär</div>
<div class="row">
<div class="text">Förnamn <span class="field">
<input type="text" name="m0_firstName">
</span></div>
</div>
<div class="row">
<div class="text">Efternamn <span class="field">
<input type="text" name="m0_lastName">
</span></div>
</div>
<div class="row">
<div class="text">Kön
<span class="field">
<select name="m0_gender">
<option value="">Välj i listan</option>
<option value="M">Man</option>
<option value="F">Kvinna</option>
<option value="C">Barn</option>
</select>
</span></div>
</div>
<div class="row">
<div class="text">Ålder
<div class="field">
<input type="text" name="m0_age">
</span></div>
</div>
<div class="row">
<div class="text">Skidhyra
<span class="field">
<input type="checkbox" name="m0_skiRental">
</span></div>
</div>
</div>
</code>