Salut,
J'ai plusieurs divs imbriqués dans un div qui fait 18Opx de large.
J'ai des mots longs comme 3-kamer-appartement. Dans Firefox (aussi dans Safari), il n'y pas de saut de ligne après le tiret. Il n'y a qu'Internet Explorer 6 qui fait ça.
Comment avoir le même résultat dans Firefox ?
J'ai essayé en donnant une largeur au div, mais ça ne change rien.
(le texte est importé via une base de données, je ne peux rien y changer)
http://img223.imageshack.us/img223/8412/image10mx.jpg
Voilà le code HTML :
Et le css :
Merci
J'ai plusieurs divs imbriqués dans un div qui fait 18Opx de large.
J'ai des mots longs comme 3-kamer-appartement. Dans Firefox (aussi dans Safari), il n'y pas de saut de ligne après le tiret. Il n'y a qu'Internet Explorer 6 qui fait ça.
Comment avoir le même résultat dans Firefox ?
J'ai essayé en donnant une largeur au div, mais ça ne change rien.
(le texte est importé via une base de données, je ne peux rien y changer)
http://img223.imageshack.us/img223/8412/image10mx.jpg
Voilà le code HTML :
<div class="location">
<h5><a href="object.php?ref=">ALBUFEIRA , Portugal </a></h5>
<div class="left"><a href="object.php?ref=P6800/110B"><img width="74" src="http://www.interhome.be/bilder_neue_ablage/so/P/P6800110.jpg" alt="P6800110.jpg"> </a></div>
<div class="right">
<p class="prix"><a href="object.php?ref=P6800/110B">425 €</a></p>
<p><a href="object.php?ref=P6800/110B">3-kamer-appartement 90 m2 op de 1e verdieping, op het zuiden... </a></p>
</div>
<div class="clear"> </div>
</div>
Et le css :
div.location div.left {width: 83px; float: left}
div.location div.right {width: 85px; float: left}
div.location h5 {font-size: 9px; margin: 0 0 3px 0}
div.location a {text-decoration: none;}
div.location a:hover {color: #FF20BD}
div.location p {margin: 0 0 2px 0;}
div.location p.prix a {color: #FF20BD; font-weight: bold}
div.location img {border:1px solid #CAE0E5; background: #FFF; padding: 1px;}
Merci