CSS gelijke list

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Jelle Sturm

Jelle Sturm

21/02/2013 17:47:06
Quote Anchor link
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
 
PHP hulp

PHP hulp

25/11/2024 05:13:23
 
Ozzie PHP

Ozzie PHP

21/02/2013 18:00:01
Quote Anchor link
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;
}
Gewijzigd op 21/02/2013 18:00:30 door Ozzie PHP
 
Jelle Sturm

Jelle Sturm

21/02/2013 18:01:18
Quote Anchor link
Hartelijk dank!
 
C -

C -

21/02/2013 19:20:54
Quote Anchor link
wat ook veel gebruikt wordt, alleen niet helemaal juist is volgens de webrichtlijnen is het gebruiken van een tabel hiervoor
 
Eddy E

Eddy E

21/02/2013 21:48:57
Quote Anchor link
<label> is wellicht meer sematischer, maar telefoonnummers/emailadressen zijn toch data? Dat mag gerust in een tabel!
 
Wouter J

Wouter J

21/02/2013 22:14:36
Quote Anchor link
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
 
Ozzie PHP

Ozzie PHP

21/02/2013 22:28:04
Quote Anchor link
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.
 
G P

G P

21/02/2013 23:57:54
Quote Anchor link
@Wouter: bij jouw voorbeeldje gaat er iets fout, er moet nog een "clear: left;" erbij ;)
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.