Pb retour à la ligne !

**wormseric** · 11/07/2006, 12h23

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

**Auteur** · 11/07/2006, 13h17

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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">
<!--
.lien{
border: none;
color: #0000FF;
cursor: pointer;
}
 
//-->
</style>
<script type="text/javascript">
<!--
function lien(obj)
{
 document.location.href=obj.value;
}
 
//-->
</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>

**wormseric** · 11/07/2006, 13h55

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.

**MasterOfChakhaL** · 11/07/2006, 14h05

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

word-wrap: break-word

**PuppeT mAsTer** · 11/07/2006, 23h00

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

++

PM

**wormseric** · 17/07/2006, 18h14

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Pb retour à la ligne !

HTML

Vue hybride

Discussions similaires

Partager

Partager