Afstand efter </form>

<form style="display:inline">

Super ! Tak.

Smid lige et svar :)

:o)
Forklaringen er foresten at <form> er et "block" element, og alle block elementer kommer der automatisk et linjeskift efter

Så kan jeg bedre forstå det. :)

<ole>

Nøøhhh ... det kan du nu nok ikke alligevel. Det er nemlig ikke der, hunden ligger begravet - selvom det kunne se sådan ud  :)

En form er ganske korrekt et block-level element, men det er et div jo også - og der er ikke de samme problemer med divs. Problemet er derimod margin.

En form er født med en vis margin. HTML'ens fædre har formodentlig ment, at en formular bør adskilles fra den øvrige tekst - i en slags paragraf for sig selv. Vi kender det samme fænomen fra lister (<ol> og <ul>).

Da vertikal margin som bekendt ikke virker på inline-elementer - f.eks:

Blablabla
<br>
<span style="margin:20px">TEKST</span>
<br>
Blablabla

- forsvinder den medfødte, vertikale margin på en form ved at gøre den til et inlne-element ... men der er kun tale om en sideeffekt. Prøv f.eks. disse to forms:

Blablabla
<form style="display:inline">
<input type="text">
</form>
Blablabla

<br><br>

Blablabla
<form style="margin:0">
<input type="text">
</form>
Blablabla

Måske, det er flueknebberi, men jeg er personligt mest til den sidste løsning. Den angriber præcist problemet - og hjælper med at holde min kode stringent og semantisk logisk (i mit eget hovede, that is).

Jeg skal være den første til at indrømme, man kan finde masser af ældre kommentarer, hvor jeg anbefaler 'display:inline' ... de er fra før, jeg opdagede den egentlige sammenhæng  :)

/mvh
</bole>

Man lærer jo så længe man lever, og ligesom du engang opdagede den egentlige sammenhæng, ja så har jeg vist også lige opdaget den :o)

ole >> Men det er vel rigtig at der kommer et linjeskift efter. Hvordan vil du så mest rigtig slippe af med det linjeskift? Altså så man fx kan have to forms ved siden af hinanden. De kan selvfølgelig få en float:left på sig, men så vidt jeg lige kan se holder det ikke hvis man ønsker dem centreret på siden ved siden af hinanden :o)

Men den opsætning jeg har brugt er det egentlig lidt lige meget hvilken jeg bruger. Men har dog nu alligevel valgt margin. ;)

Bare lige en enkelt tilføjelse...

Du kan i dit stylesheet også forsøge følgende:

FORM {
    margin:                0px;
    padding:            0px;
}

busschou >> Jo, hvis man skal have to forms ved siden af hinanden, bør man helt klart bruge inline  :)
Som jeg oplever det, er problemet dog som oftest, at man skal have én form - men får uønsket luft i top og bund. I dét tilfælde foretrækker jeg margin.

Der er principielt intet i vejen med at bruge 'display:inline'. De to metoder virker forskelligt. Bare man tænker over, hvad man vil opnå - og på den baggrund bruger den mest logiske metode - er jeg sådan set tilfreds.
Det her handler jo i virkeligheden ikke om at gøre W3C tilfreds, men at gøre mig tilfreds  *LoooL*  :D