6 svar · 648 visningar · startad av Ken
Hur får man två form, som innehåller bl.a textruta och submitknapp att bli på samma höjd inte efter varandra, enlig koden nedanför
<form>
</form>
<form>
</form>
Går det inte att göra en table med två kolumner i så borde du få dom sidan om varandra.
Alternativt köra med div taggar och absolute position eller något liknande.
Lägger dom i varsina divvar och floatar dom. Typ:
<div style="float:left; background:#ccc; width:300px;">
<form></form>
</div>
<div style="float:left; background:#ccff00;width:300px;">
<form></form>
</div>
(La bakgrundsfärger för att det syns bättre)
diven runt om är helt onödig. Lägg float direkt på form.
Okkido skrev:
diven runt om är helt onödig. Lägg float direkt på form.
Heh... det var faktiskt min första tanke. Men så fick jag för mig att det kanske inte var kosher utan "förbjudet" enligt nån obskyr W3C-definiton nånstans. :h
<div>
<form style="float: left;">
</form>
<form style="float: left;">
</form>
<div style="clear: both;"></div>
</div>
Danne V skrev:
Heh... det var faktiskt min första tanke. Men så fick jag för mig att det kanske inte var kosher utan "förbjudet" enligt nån obskyr W3C-definiton nånstans. :h
Alla egenskaper får fritt anges för alla element (sk. "type selectors") i CSS. :bire
Faktum är att CSS inte är direkt sammankopplat med (X)HTML, utan är konstruerat för att fungera med ett "document language" (vilket i praktiken bara är HTML+XML än så länge).
Så CSS-koden är giltig (valid) enligt W3C så länge man använder en korrekt syntax och giltiga egenskaper och värden.
Följande snutt är giltig CSS även om det inte finns någon tagg med namnet "foo" i (X)HTML:
foo { color: green }