[CSS] display:inline

[Verwijderd]

Hoi allemaal,

ik zit met een raar probleempje. Ik zou graag verschillende InvoerLabels en InvoerVelden weergeven. De bedoeling is dat alle InvoerVelden op dezelfde afstand achter de Invoerlabels beginnen.

Ik dacht dat de volgende code zou werken:

html:

code:

<div class="fieldLabel">Naam1:</div><input type="text" value="test"/><br />
<div class="fieldLabel">Naam2:</div><input type="text" value="test"/><br />

css:

code:

.fieldLabel {
display: inline;
width:160px;
vertical-align: top;    
}

Het probleem is echter dat het in FireFox en Opera niet wil werken en in Internet Explorer dus wel. Heeft er iemand een idee wat ik verkeerd doe? Ik zou denken dat ik correcte css-code gebruik, maar blijkbaar dus niet...

Alvast dank!

[Willem]

Ik zou in plaats van spelen met display, eens kijken naar de mogelijkheden van margin (ook van je input velden). Verder zijn dit soort basic "uitlijn" problemen makkelijk te verhelpen (of af te kijken) van voorbeelden online.

Bekijk eens de sourcecode van wat sites...