[Résolu] Texte (lien) qui dépasse du bloc

Bonjour,

Tout d'abord, j'ai remarqué que le problème que je vais décrire a déjà fait l'objet de quelques messages dans ce forum. On semblait suggérer comme solution de mettre des mots moins longs. Par contre, dans mon cas, je ne peux pas, car ce que j'affiche c'est des url et parfois ils sont longs ... je n'y peux rien.

Voici un exemple pour illustrer la problématique :

<div style="border:1px solid black; position:relative; width:100px">
<p>  http://www.Merdecelienestvraimenttroplongpourrienmaisjenypeuxrien.com  </p>
</div>

Merci
a+
Modifié par Kiboumz (14 Feb 2008 - 15:57)

Pourquoi ne pas renommer ton lien en plus court ? Par exemple :

<div style="border:1px solid black; position:relative; width:100px">

<p>  <a href="http://www.Merdecelienestvraimenttroplongpourrienmaisjenypeuxrien.com" >Merdece[...]jenypeuxrien</a>  </p>

</div>

Car tu sais que pour faire un lien il faut utiliser les balises <a href="" ></a>, que ton lien est assez explicite pour ne pas donner de titre à ton lien, sinon, tu rajoute dans la balise d'ouverture <a> l'attribut title="" qui te permet de donner un titre à ton lien.

Sinon, pour raccourcir autotiquement les liens trop long, tu peux passer par du langage dynamique, mais là c'est une autre histoire

Salut,

En fait, je n'ai pas vraiment de contrôle sur le nom de liens.

J'utilise un engin de recherche qui lui donne le titre du lien, une description du contenu et le lien.

Il cherche aussi dans les fichiers et donc des fois ça fait des noms de liens plutôt long ...

Merci
a+

Si tu n'as pas la main sur la longueur des liens, peut être peut tu cacher ce qui dépasse avec la propriété "overflow"

<div style="border:1px solid black; position:relative; width:100px; overflow: hidden;">
<p>   http://www.Merdecelienestvraimenttroplongpourrienmaisjenypeuxrien.com   </p>
</div>

Modifié par glow (13 Feb 2008 - 18:31)

Bonsoir Kiboumz,

Je pensais également à utiliser overflow:hidden...voir éventuellement scroll, mais, je trouve cela ni très élégant ni très "pratique"
Question certainement superflue, mais qu'est-ce qui motive ce choix d'imposer une dimension si peu appropriée (100px) compte-tenu des contraintes que tu connais par avance ?

Bon courage
Cdt,
Sylvain

Bonsoir,

Pas trente-six solutions: soit de l'overflow: hidden (comme le propose 6l20), soit un traitement dynamique des données reçu pour «raccourcir» les intitulés des liens (comme le propose Super_baloo8).

On pourrait explorer des subtilités telles que le soft hyphen (qu'il faudrait rajouter dynamiquement aussi), mais si on en reste aux solutions bien supportées par les navigateurs on a juste les deux solutions ci-dessus. Sauf erreur de ma part, bien entendu.

6l20 a écrit :
mais qu'est-ce qui motive ce choix d'imposer une dimension si peu appropriée (100px) compte-tenu des contraintes que tu connais par avance ?

Voilà une question qu'elle est bonne*.

--
* On dirait presque du Laurent Denis dans le texte.

[hs, je crois bien...]

Florent V. a écrit :

Voilà une question qu'elle est bonne*.
* On dirait presque du Laurent Denis dans le texte.

Presque...
La route est longue, là encore, pour parvenir à gravir les montagnes que ses pieds foulent allègrement tels des grains de sable, et percevoir, au loin toujours, l'ombre de ses orteils...
Ceci étant dit, j'adore ce monsieur , je devrais peut-être commercialiser des tee-shirt avec ses répliques les plus célèbres ou amoureusement floquer par des "I love Denis" langoureux (hum...)

ps: Laurent, oui je sais, les phrases verbeuses nuisent à la qualité de lecture... sorry

[/hs c'est sûr...]

6l20 a écrit :
ps: Laurent, oui je sais, les phrases verbeuses nuisent à la qualité de lecture...

Pas faux... et là c'est sûr : c'est du Laurent Denis dans le texte !

6l20 a écrit :
Bonsoir Kiboumz,

Je pensais également à utiliser overflow:hidden...voir éventuellement scroll, mais, je trouve cela ni très élégant ni très "pratique"
Question certainement superflue, mais qu'est-ce qui motive ce choix d'imposer une dimension si peu appropriée (100px) compte-tenu des contraintes que tu connais par avance ?

Bon courage
Cdt,
Sylvain

Salut,

En faites, j'ai mis 100px pour illustrer le problème, ce n'est pas les vrais dimensions évidemment. Je préfère prendre un problème et le mettre à sa plus simple expression pour que tout le monde comprenne plutôt que de mettre 100 lignes de codes pour rien.

Je crois que je vais y aller pour quelque chose de dynamique, je trouve dommage qu'il n'y est pas d'autre moyen, mais bon ...

Merci pour vos commentaires
a+