HTML + CSS pour indentation ...

Marsh Posté le 30-08-2006 à 14:23:27

Quelqu'un sait comment fait-on proprement ce genre de chose :

# 2002 : txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1
txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1
txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1 txt1
# 2001 : txt2
# 2000 : text3 text3 text3 text3 text3 text3 text3
text3 text3 text3 text3 text3 text3 text3 text3 text3 text3 text3 text3 text3 text3 text3
text3 text3 text3 text3

Deja pour les differents points, un <ul>+<li> est le bienvenue ...

Si je pouvais éviter, la <table> ca serait mieux ... J'avais fait ça dans mon CSS :
div.description { position: absolute; display:inline; left:250px;}
mais, mon navigateur ne prenait pas en compte le bloc description, et écrivait les dates juste les unes en dessous des autres avec un espace minimum entre les deux ...

Je ne sais pas si je suis clair ...

Marsh Posté le 30-08-2006 à 14:23:27

Marsh Posté le 30-08-2006 à 14:47:39

Salut,

Une liste de définition me paraît bien adaptée à ton cas :

HTML :

Code :

<dl>
<dt># 2001</dt>
<dd>Blabla bla blablabla bla bla</dd>
<dt># 2002</dt>
<dd>Blabla bla blablabla bla bla</dd>
</dl>

CSS :

Code :

dt {
float:left;
clear:left;
width:100px;
}

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *