Pb retour à la ligne !

Version imprimable

11/07/2006, 11h23
wormseric

Pb retour à la ligne !

salut à tous,

Mon problème est que j'ai affiche dans une colonne d'un tableau une url (www.urltresgrande.com). Etant donne que l'url est assez grande, je voudrais que l'url saute de ligne automatiquement (par ex au milieu de l'url), afin que l'url continue sur la ligne suivante.Car pour le moment l'url reste sur la meme ligne. Ce qui me pose pb en effet, car mon tableau est decale par rapport au ligne precedente. Y aurait il une solution afin de resoudre mon pb? :)

Je vous remercie d'avance !!!

PS : J'avais essayer de mettre une taille à mon tableau ou à ma ligne, ca ne change guere :(

bonjour,

je vois deux possibilités :
1- Faire un prétraitement de la chaîne de caractères qui consisterait à insérer des espaces ou un retour à la ligne dans la chaîne avant son affichage.
>l'avantage est que l'utilisateur pourra toujours cliquer sur ce lien qui fera deux lignes (voire plus et dans ce cas tu as un décalage vers le bas).
>l'inconvénient est qu'il faut savoir où couper le mot.

2-utiliser un textarea dans la cellule et y insérer le lien.
>avantage : tu n'as pas à te soucier de la coupure du lien, ni du nombre de lignes qu'il pourrait fait (ces valeurs sont déterminées par les attributs cols et rows).
>inconvénients : nécessite une feuille de style et un petit script.
Un exemple :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 <html> <head> <title></title> <style type="text/css">  </style> <script type="text/javascript">  </script> </head> <body> <textarea onclick="lien(this)" class="lien" rows="2" cols="20" id="monLien"> mon très très long lien..... </textarea> </body> </html>

11/07/2006, 12h55
wormseric

Le pb est que je ne sais pas si l'url va etre court ou long. Tout dependra du contenu de la base de données. Je voudrais qu'il positionne automatiquement sur une ou plusieur ligne suivant la longeur de l'url.

A noter que dans le menu, cela peut etre une url ou une longue phrase.
11/07/2006, 13h05
MasterOfChakhaL

peut-être en utilisant la propriété css suivante...

Code:

word-wrap: break-word
11/07/2006, 22h00
PuppeT mAsTer

J'ai le même problème avec une longueur de texte qui varie dans un tableau, comme wormseric, et j'aimerai aussi que la longueur de la cellule soit fixe et que donc le texte passent automatiquement à la ligne si la longueur de ma cellule a été dépassé.

Suite à des test j'ai enfin réussi : il faut utiliser la fonction CSS :

Code:

table-layout:fixed;

dans ton <p> qui contient ton lien, ou ton texte variant et il faut déclarer une longueur width obligatoirement pour ta cellule.

exemple :

Code:

<td width=489><p style=\"table-layout:fixed;\"><font size=1 color=#FFFFFF>$variable</p></td>

++

PM
17/07/2006, 17h14
wormseric

salut,

Je n'arrive tjs pas à resoudre mon problème. J'ai fait comme tu as fait mais malheureusement, ca ne marche toujours pas. J'envoie le bout de code ou se situe mon problème.

Code:

print "<tr><td colspan='2' class=$class width='200'><a href=$lnk class=$classlnk><div style=\"table-layout:fixed;\">$texte</div></a></td></tr>\n";

Et merci encore pour vos reponse :)

il existe un caractere special pour aller a la ligne si besoin est:
Une fois n'est pas coutume ca fonctionne sous IE et pas sous ff.
Ca ne semble pas une bonne solution mais on sait jamais ci ca donnais des idees a d'autre :/
Code:

1 2 3 4 5 6 7 8 9 <table> <tr> <td width="50"><p style="width:50px; background:#0ee;">blablablablablablablablablablablabla</p></td> </tr> <tr> <td width="200"><p style="width:200px; background:#0ee;">blablablablablablablablablablablabla</p></td> </tr> </table>

20/07/2006, 14h31
PuppeT mAsTer

Hum moi ça marche très bien, a tu essayé avec <p> plutot qu'un div qui un calque probablement au dessus de ton tableau donc il ne prend pas en compte la valeur fixé dans le td width, j'imagine que ça peut être ça à tester ;)

PM
22/07/2006, 14h36
PuppeT mAsTer

Je me suis repenché sur ton problème et il s'est avéré que table-layout:fixed n'est pas une solution dans ton cas car cela ne fonctionne qu'avec des textes et non des 'mots' très longs disons. En clair sans espace au milieu de ton texte la solution de table-layout:fixed ne fonctionne pas.

Tu dois pouvoir en revanche trouver du côté des césures de texte proposé dans CSS 2.0.

Sinon la proposition de Auteur n°2 est bonne aussi mais il te faudra des petites retouche de style sur ta textarea pour que le visiteur n'y voit rien ;)

PM
22/07/2006, 15h33
Auteur

Citation:

Envoyé par PuppeT mAsTer

Sinon la proposition de Auteur n°2 est bonne aussi mais il te faudra des petites retouche de style sur ta textarea pour que le visiteur n'y voit rien ;)

PM

et ce bout de code n'est pas trop difficile à mettre en place. Il faudra sans doute ajuster le nombre de colonnes et de lignes visibles.
Et ajouter dans la balise textarea l'attribut readonly="readonly"

Je viens de constater qu'avec firefox le lien s'écrit sur une ligne (avec l'ajout d'une scrollbar horizontale).
Sous IE l'affichage se fait sur plusieurs lignes avec une scrollbar verticale.
:roll: