28173 sujets

CSS et mise en forme, CSS3

Retour à la ligne d'un <p>

Voilà, j'utilise un tableau pour afficher des données, dans lequel j'utilise <p></p> pour les afficher.
Dans IE pas de problème si ma phrase est trop longue, la phrase ou le mot est automatiquement mis à la ligne, et il n'y a donc aucun dépassement du reste du contenu sur la page...
Mais avec Firefox, c'est la cellule du tableau qui s'agrandit et donc tout mon site se décale... je n'ai pas envie d'utiliser un overflow:hidden ou auto j'aimerai simplement que mon texte s'implente parfaitement dans ma cellule (dont je ne définis pas de taille prédéfinie)... j'espère avoir été clair.

Merci d'avance.
Bonsoir,

Si ton retour à la ligne ne se fait pas, ce n'est pas qu'une question de navigateur.
N'aurais tu pas défini quelque part une hauteur de ligne ou de cellule fixe qu'IE va ignorer mais pas FF ? Peut-être même un display ?
Modifié par rolland (25 Apr 2007 - 21:43)
a priori, rien de tout ça...



<tr>
 <td>
  <img src="thumbnails/thumbs/tn_0.png" alt="Paradise" height="105" width="140"></td>
 <td>
  <p>
   <strong>Paradise</strong>
   <br />
    Link : <a href="http://www.site.com>Matretgkldfgjopfdjgpofdjgpofdgoldfhgoifdhgoidfhgoidfhgiohfdogihfdioghfdoighdofihgdfiohgoidfhgoidfhg</a> <br />Updated : 26/05/2006
</p>
</td>
<td>
Chat<br />
High<br>
</td>
<td><p>Langues :<br /><img src="images/flag-de.gif" alt="DE Flag"> German</p>
</td>
</tr>



table {
border: 1px solid black;
width: 100%;
}

td {
border: 1px solid black;
}

td p {
overflow:hidden;
}
Re,

Vu comme ça, je comprends mieux.
C'est pas une phrase mais un seul mot et j'avais pas bien lu quand tu écris :
a écrit :
si ma phrase est trop longue, la phrase ou le mot est automatiquement mis à la ligne,

La phrase oui, mais le mot ni IE ni FF ni Opera ne le coupent (je viens de tester pour en être sûr).

Pour éviter ce genre de choses, il te suffit de créer (ou récupérer) et utiliser une petite fonction PHP pour couper un mot en insérant un espace à un nombre maxi de lettres que tu définis.

Je ne peux pas la mettre ici mais saisis "preg_replace php" ou "cutlongwords php " dans ton moteur préféré...

Ca devrait résoudre ton pb. Smiley cligne
Modifié par rolland (26 Apr 2007 - 01:50)
J'ai lu un peu tous les sujets relatant mon problème, mais en fait, si mon mot est si long, ce n'est pas une erreur, c'est tout simplement parce qu'il s'agit d'un lien de type http://www.site.com/zone/dossier/e/t/c/e/t/c/page.html
Et il semblerait qu'il n'y ait pas de solution, à part utiliser une fonction php ou un overflow hidden....
En ce qui concerne la réponse de Roland,
je me suis rendu compte que lorsque IE trouve un - dans un mot, si celui si est trop long, alors il le coupe après le - pour le mettre à la ligne...
Salut,

N'as tu pas moyen de générer des noms textuels explicites et ne laisser les url à rallonge que dans le ref du lien dans le code html ?
Niveau accessibilité l'internaute saurait plus facilement à quoi cela correspond, et çà résoudrait ton problème de dépassement pour les liens trop longs Smiley cligne
Sujet clos
Aller à