CSS forms

[Ghostface9000]

Heb een klein probleempje met het opmaken van een formulier.
Ben nog niet zo lang bezig met html/css en zit hier al een tijdje vast.

Het juist positioneren van de labels lukt mij niet..
De labels aanspreken via CSS werkt blijkbaar niet....

Dit is mijn code:
CSS
Html

En dit is het resultaat dat ik wil bekomen (momenteel nog zonder dat kader)



Hopelijk kan iemand mij terug op weg helpen
Grtzz

[HuHu]

En wat is je probleem?

[Blaise]

Labels benaderen met CSS werkt, het ligt dus ergens anders aan. Kan je het ergens online zetten zodat we kunnen zien waar het misgaat?

[Ghostface9000]

http://student.nmct.be/thomas.deman/

[Bosmonster]

Je hebt de labels helemaal niet gestyled

Dus nogmaals, wat is nu precies je probleem, wat krijg je zelf niet voor elkaar?

[ Voor 49% gewijzigd door Bosmonster op 28-12-2009 18:01 ]

[Sebazzz]

Bosmonster schreef op maandag 28 december 2009 @ 18:01:
Dus nogmaals, wat is nu precies je probleem, wat krijg je zelf niet voor elkaar?

Het probleem is zo te zien dat de labels niet op hetzelfde hoogte als de formuliervelden komen. Je kan erom heen werken door de velden onder de labels te zetten (dan staan ze dus niet naast elkaar, maar dan is je design ook anders) of je maakt gebruik van een tabel. Semantiek is een tabel ook correct, de labels en de velden hebben immers een relatie met elkaar.

[ Voor 6% gewijzigd door Sebazzz op 28-12-2009 18:14 ]

[Herko_ter_Horst]

Ik denk dat je wel wat hebt aan deze artikelen:

• http://www.alistapart.com/articles/prettyaccessibleforms/
• http://www.skyrocket.be/2...emantic-horizontal-forms/

[ Voor 31% gewijzigd door Herko_ter_Horst op 28-12-2009 18:25 ]

[MueR]

Dit wordt hem niet. Je dumpt nu een stuk css, een stuk HTML en een plaatje van wat je wil hebben. Zo van, maken jullie het maar. Een quickfix dus, en die staat al een tijdje niet meer op de kaart, zoals te lezen in WEB Beleid - kan iemand even... ?

Mocht je een nieuw topic willen openen, zorg dan voor een fatsoenlijke probleemomschrijving, dat je duidelijk aangeeft wat je al geprobeerd hebt en waarom dat allemaal niet mag baten.

Oh ja, labels zijn prima aan te spreken via CSS.

Cascading Stylesheet:

label#ziejewel { color:red; }

Zie?

[ Voor 13% gewijzigd door MueR op 28-12-2009 18:29 ]