Hallo,

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
Je 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;
}
wat ook veel gebruikt wordt, alleen niet helemaal juist is volgens de webrichtlijnen is het gebruiken van een tabel hiervoor
<label> is wellicht meer sematischer, maar telefoonnummers/emailadressen zijn toch data? Dat mag gerust in een tabel!
Als 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
Wouter 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.

@Wouter: bij jouw voorbeeldje gaat er iets fout, er moet nog een "clear: left;" erbij ;)

Reageren