Float på input
 

Jag ska göra en inloggningsruta, och då vill jag ha två inputs brevid varandra. Går det att få till?
Jag satte "float: left" på båda men dom hamnar under varandra ändå. Och ja det finns plats för dom i bredd så det ska inte ställa till det.

Har du gjort inputsen till block?
typ:
<input type="text" style="display: block; width: 100px; float: left;" name="user" id="user" />
<input type="password" style="display: block; width: 100px; float: left;" name="pass" id="pass" />
<div class="clr"></div>

eller så wrappar du med div som du sätter float på.

Jo har testat med block. Då hamnar dom brevid varandra men ändå under varandra om du förstår vad jag menar :-) Allafall i IE, i chrome och FF händer inget alls.

Jo men ville helst undvika att göra fler divvar. Men får väl göra det ändå...

Det känns ju som att det borde vara en rätt enkel grej att åstadkomma det här med bara en float på inputen.


Haha pinsamt! Det hade visst letat sig in ett <br /> Dooooh!

input behöver väl inte float då dom är relative som standard?

och inline

.. och om man floatar något blir det automatiskt block :)