[résolu] Un lien sur plusieurs lignes

Bonjour,

Une question que je ne m'étais jamais, mais vraiment jamais posée :

Est-ce qu'il est possible qu'un lien soit sur plusieurs lignes ?

exemple :

 <a href="http://www.vnunet.fr/actualite/logiciels/systemes_dexploitation/20051220004">http://www.vnunet.fr/actualite/logiciels/systemes_dexploitation/20051220004</a>

Dans une config en 1280 ou 1024 pas de pb, par contre en 800*600, le lien contenu dans un div va dépasser du div, comme il n'y a aucune césure possible...

Existe-t-il une solution ?

Merci
Modifié par EricLB (10 Feb 2006 - 16:15)

Bonjour,

Oui, en scindant l'intitulé, mais pas le lien fonctionnel, par des espaces :

 <a href="http://www.vnunet.fr/actualite/logiciels/systemes_dexploitation/20051220004">  http://www.vnunet.fr/actualite/  logiciels/systemes_dexploitation/ 20051220004</a>

Ce qui donnera ceci :

htt p://www.vnunet.fr/actualite/
logiciels/systemes_dexploitation/
20051220004

(Là j'ai mis un espace dans le http pour que le forum ne fasse pas un lien automatique)
Modifié par jcm (24 Dec 2005 - 14:07)

N'y a-t-il pas une alternative ? Peut-être dans les css pour éviter que les liens sortent du div et pour qu'ils soient répartis sur plusieurs lignes.

Parce que dans la solution que tu me donnes il faut pouvoir anticiper pour savoir où faire la césure, qui sera différente selon la résolution utilisée.

Bonjour,

pour avoir le maximum de souplesse il suffit de mettre un espace avant chaque slash.

sinon pour éviter les espaces tu peus aussi scinder le texte du lien en autant de span que tu veux.

html

<p>
<a href="http://www.vnunet.fr/actualite/logiciels/systemes_dexploitation/20051220004" class="lien_long"><span>http://www.vnunet.fr</span><span>/actualite</span><span>/logiciels</span><span>/systemes_dexploitation</span><span>/20051220004</span></a>
</p>

css

.lien_long span {
display:block;
float:left;
}

évidemment du point de vue légèreté du code ce n'est pas très satisfaisant.