Bonjour,
j'ai un problème au niveau de la gestion de retour à la ligne de mes listes qd j'ai un texte court, .
Qd le texte est court, pas de retour à la ligne
qd le texte est long, le retour à la ligne se fait bien
voici mon html
voici le css :
j'ai un problème au niveau de la gestion de retour à la ligne de mes listes qd j'ai un texte court, .
Qd le texte est court, pas de retour à la ligne
qd le texte est long, le retour à la ligne se fait bien
voici mon html
<div class="box">
<div class="dossier">
<h2>Sites web associés à ce mot-clé</h2>
<ul>
<li><a href="http://antennerelais.canalblog.com/" target="_blank">Antenne Relais</a></li>
<li><a href="http://www.bigbangblog.net/" target="_blank">Big Bang Blog </a></li>
<li><a href="http://www.centpapiers.com/" target="_blank">Cent papier </a></li>
<li><a href="http://coupercoller.wordpress.com/" target="_blank">Couper, copier, coller </a></li>
<li><a href="http://crisedanslesmedias.hautetfort.com/" target="_blank">Crise dans les médias</a></li>
<li><a href="http://www.cuverville.org/" target="_blank">Cuverville </a></li>
<li><a href="http://lepoint.typepad.fr/fog/" target="_blank">Deux ou trois choses vues… </a></li>
<li><a href="http://enrade.free.fr/" target="_blank">En rade </a></li>
<li><a href="http://www.fakirpresse.info/" target="_blank">Fakir </a></li>
<li><a href="http://www.fakirpresse.info/" target="_blank">Fakir </a></li>
<li><a href="http://guidaltern.samizdat.net/" target="_blank">Guidaltern </a></li>
<li><a href="http://www.indymedia.org/fr/" target="_blank">Indymedia </a></li>
<li><a href="http://www.infokiosques.net/" target="_blank">Infokiosques </a></li>
<li><a href="http://instantstele.blogs.liberation.fr/" target="_blank">Instants télé</a></li>
<li><a href="http://labrique.lille.free.fr/" target="_blank">La Brique </a></li>
<li><a href="http://www.ladominationdumonde.blogspot.com/" target="_blank">La Domination du monde </a></li>
<li><a href="http://www.lalettrealulu.com/" target="_blank">La Lettre à Lulu </a></li>
<li><a href="http://www.homme-moderne.org/" target="_blank">Le Magazine de l’Homme moderne</a></li>
<li><a href="http://www.leravi.org/" target="_blank">Le Ravi </a></li>
<li><a href="http://www.satiricon.net/" target="_blank">Le Satiricon </a></li>
<li><a href="http://www.lepost.fr/perso/birenbaum/" target="_blank">Le blog De Guy Birenbaum</a></li>
<li><a href="http://lesmutins.org/" target="_blank">Les Mutins </a></li>
<li><a href="http://www.piedsdanslepaf.org/" target="_blank">Les Pieds dans le PAF</a></li>
<li><a href="http://lestempsmodernesdujournalisme.wordpress.com/" target="_blank">Les temps modernes du journalisme </a></li>
<li><a href="http://www.laccroche.info/" target="_blank">L’Accroche </a></li>
<li><a href="http://www.lagglorieuse.com/" target="_blank">L’Agglorieuse </a></li>
<li><a href="http://www.agitateur.org/" target="_blank">L’Agitateur </a></li>
<li><a href="http://www.loursaint.c.la/" target="_blank">L’Oursaint </a></li>
<li><a href="http://www.chomsky.info/" target="_blank">Noam Chomsky (site officiel).</a></li>
<li><a href="http://www.observatoire-medias.info/" target="_blank">Observatoire français des médias</a></li>
<li><a href="http://www.oulala.net/" target="_blank">Oulala.net </a></li>
<li><a href="http://tondeuse.eu.org/" target="_blank">Particule </a></li>
<li><a href="http://bourdieuhommag.podemus.com/" target="_blank">Pierre Bourdieu, un hommage</a></li>
<li><a href="http://www.presselibre.net/" target="_blank">Presselibre.net</a></li>
<li><a href="http://pumpernickel.over-blog.com/" target="_blank">Pumpernickel </a></li>
<li><a href="http://penombre.assoc.free.fr/public/" target="_blank">Pénombre </a></li>
<li><a href="http://www.peripheries.net/" target="_blank">Périphéries </a></li>
<li><a href="http://rezo.net/" target="_blank">Rezo.net </a></li>
<li><a href="http://www.tocsin.net/" target="_blank">Tocsin </a></li>
</ul>
</div>
</div>
voici le css :
/* dossier */
.dossier h2 {
color:#840909;
font:bold 28px/22px "Times New Roman", Times, serif;
letter-spacing:-2px;
margin:0;
padding:10px 0 0 4px;
text-transform:uppercase;
}
.dossier h2 .black {
color:#000;
font-size:27px;
line-height:16px;
}
.dossier h2 .big {
font-size:32px;
line-height:26px;
}
.dossier h3 {
color:#840909;
font:bold 26px/22px "Times New Roman", Times, serif;
letter-spacing:-2px;
margin:0;
padding:10px 0 0 4px;
text-transform:uppercase;
}
.dossier h3 a {
color:#840909;
text-decoration:none;
}
.dossier h3 a:hover {
color:#840909;
text-decoration:underline;
}
.dossier h4 {
color:#000;
font:bold 15px/18px "Times New Roman", Times, serif;
margin:0;
letter-spacing:-1px;
padding:10px 0 0 4px;
}
.dossier h4 a {
color:#000;
text-decoration:none;
}
.dossier h4 a:hover {
color:#000;
text-decoration:underline;
}
.dossier ul {
float:left;
margin:0;
padding:10px 5px 20px 6px;
}
.dossier ul li {
float:left;
font:bold 14px/16px "Times New Roman", Times, serif;
list-style:none;
margin:0;
padding:0;
}
.dossier ul li a {
background:url(../images/arrow-small.gif) no-repeat 0 3px;
color:#000;
display:block;
padding:0 0 0 16px;
text-decoration:none;
}
.dossier ul li a:hover {
background:url(../images/arrow-small-2.gif) no-repeat 0 3px;
text-decoration:underline;
}
.dossier ul li ul {
margin:0;
padding: 0px 0px 0px 7px;
list-style-type:square;
}
.dossier ul li ul li {
float:left;
color:#840909;
font:bold 12px/13px "Times New Roman", Times, serif;
margin:0;
padding:0;
}
.dossier ul li ul li a {
color:#840909;
background:none;
text-decoration:none;
}
