28173 sujets

CSS et mise en forme, CSS3

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 :


<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 &#8364;</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">&nbsp;</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 Smiley smile
Bonjour,

Un "ereg_replace('-', ' ', $truc);" me semble (en php) une solution efficace et simple !
Ah ben oui tiens, le site est en php.
Mais tu le remplacerais par quoi ? Parce que ça ne peut pas être un espace, en néerlandais 3-kamer-appartement est un seul mot.
Modifié par cedb3 (01 Feb 2006 - 12:32)
Modérateur
salut,
si tu peut faire usage tu php, alors essai de transformer ta chaine pour en faire 3(4) mots.
"Appartement met 3 kamers" ou quelque chose comme ça, autrement wordwrap en php peut te permettre de "casser" les mots , ... au niveau des tirets.
a plus