CSS gelijke list
Jelle Sturm
21/02/2013 17:47:06Hallo,
Is er een manier om met css het volgende mogelijk te maken:
Email: [email protected]
Telefoon: 04/222222222
Adres: adres........
Maar dan na de : achter elk woord zouden de email/tel nr enzv op 1 lijn moeten staan. En niet schuin zoals nu het geval is omdat het woord 'telefoon' langer is dan 'email'.
Is hier een engelse benaming voor zodat ik eventueel hulp kan zoeken op google?
Mvg,
Jelle
Is er een manier om met css het volgende mogelijk te maken:
Email: [email protected]
Telefoon: 04/222222222
Adres: adres........
Maar dan na de : achter elk woord zouden de email/tel nr enzv op 1 lijn moeten staan. En niet schuin zoals nu het geval is omdat het woord 'telefoon' langer is dan 'email'.
Is hier een engelse benaming voor zodat ik eventueel hulp kan zoeken op google?
Mvg,
Jelle
PHP hulp
25/11/2024 05:13:23Ozzie PHP
21/02/2013 18:00:01Je kan email, telefoon adres enz. in een <label>ik ben een label</label> stoppen en dit label een vaste breedte geven (net zo breed als het langste woord).
<label>Adres</label>: Mijn adres
<label>Telefoon</label>: Mijn telefoon
en dan in je css
label {
width: 200px;
}
<label>Adres</label>: Mijn adres
<label>Telefoon</label>: Mijn telefoon
en dan in je css
label {
width: 200px;
}
Gewijzigd op 21/02/2013 18:00:30 door Ozzie PHP
Jelle Sturm
21/02/2013 18:01:18C -
21/02/2013 19:20:54wat ook veel gebruikt wordt, alleen niet helemaal juist is volgens de webrichtlijnen is het gebruiken van een tabel hiervoor
Eddy E
21/02/2013 21:48:57<label> is wellicht meer sematischer, maar telefoonnummers/emailadressen zijn toch data? Dat mag gerust in een tabel!
Wouter J
21/02/2013 22:14:36Als je het semantisch goed wilt aanpakken gebruik je hier een definition list voor. Op plaats 2 komt dan een tabel en labels zijn hier niet ten sprake, aangezien deze alleen in een Form context voorkomen.
Een voorbeeldje met een definition list: http://jsbin.com/iqejir/2/watch
Een voorbeeldje met een definition list: http://jsbin.com/iqejir/2/watch
Ozzie PHP
21/02/2013 22:28:04Wouter J op 21/02/2013 22:14:36:
...en labels zijn hier niet ten sprake, aangezien deze alleen in een Form context voorkomen.
Ik ging er eigenlijk vanuit dat het ook om een formulier ging, maar ik zie nu dat dat niet (noodzakelijkerwijs) het geval is.