[css] Class over meerde elementen werkt niet?

[Verwijderd]

Ik weet niet of de titel duidelijk is.... maar:

Waarom werkt dit niet:
T gaat om de class "vlak" dat is een vlak met grijze rand...
Ik wil dat alle elementen vd form in dat vlak staan... Maar in firfox staat ie alleen maar om "Uw gegevens" heen.... en daar niet....

Check....

code:

<form id="gegevens" action="" method="get" name="gegevens">
            <span class="vlak"> // <<Deze moet voor alle elementen in de form gelden
            
            <span class="txtkopje">&gt;Uw gegevens:<br> // << Hij wertk alleen op deze
            <br>
            </span><span class="txtgen">Naam:</span><br>
            <input type="text" name="naam" size="24">
            <p><span class="txtgen">Postcode en Huisnummer:<br>
                    <input type="text" name="adres" size="24"></span></p>
            <p><span class="txtgen">Telefoon:<br>
                    <input type="text" name="telefoon" size="24"></span></p>
            <p><span class="txtgen">Email:<br>
                    <input type="text" name="email" size="24"></span></p>
            <p><span class="txtgen">Korte omschrijving van het probleem:<br>
                    <textarea name="probleem" rows="8"  cols="32"></textarea></span></p>
            <p><input type="submit" name="afspraak" value="Verstuur"></p>
        </span></form>

Wrom kan dit niet?

[Clay]

Span is een inline element, en mag oa geen p's bevatten. Probeer het eens met een div?

edit:

Die border kan je ook op het form element zelf definieren, dan heb je die hele span niet nodig.

[ Voor 46% gewijzigd door Clay op 11-12-2004 15:06 ]

[Verwijderd]

hmm een div maken werkte al
ik ben nieuw met css Thx
wat is het verschil tussen div en span?

[drm]

sc0rpz:
wat is het verschil tussen div en span?

Lees de HTML specs er eens op na op http://www.w3.org, daar zijn ze voor.

keywords zijn: block-level en inline elements

[Clay]

Een div is van zichzelf een block level element, span is standaard inline.

Met de span had het visueel dus wel kunnen werken als je de span display:block; had gegeven, maar dan was de markup nog steeds ongeldig.

Het verschil is ongeveer dat een block element altijd een rechthoekig element is, dat weer andere block elementen mag bevatten. Een soort ruwe bouwstenen die je alle afmetingen, margin, padding, border etc. kan geven die je wil.

Een inline element is niet per definitie rechthoekig, en kan <span> bijvoorbeeld op de ene regel beginnen, en op de volgende pas ophouden </span> Gewoon binnen de content flow. Hoogte is niet van toepassing, omdat dat standaard de line-height is. Horizontale margin, padding en border werken geloof ik nog wel, maar vertikale waarden horen niet te werken.

[Verwijderd]

Je hebt hier geen enkele reden om überhaupt een span of div te gebruiken. Gebruik liever label en fieldset elementen, en een legend.

[Verwijderd]

is dat ook css? sjesus wat loop ik achter