[résolu]Mots trop long dans "short description"

[Straigh&Alert]

Bonsoir.
Sur mes fiches produits je suis amené à mettre des liens vers des sites internet dans mes Short Description.
Je suis confronté à 2 problème :

1-Lorsque l'url est trop long il est "coupé".
Ainsi j'aimerai savoir comment faire pour que la fin de l'url retourne à la ligne.

Exemple :

le site s'appel : www.monsite.com/texte-trop-long

J'aimerai que le texte se mette ( si trop long) sous la forme :

www.monsite.com/texte-tro
p-long

Alors qu'actuellement ça me fait:
www.monsite.com/texte-tro

2- Le lien s'ouvre dans la même page alors que j'aimerai qu'il s'ouvre dans une nouvelle page ( je pense qu'il faut ajouter un target"_blank" mais je ne sais pas où)

Merci d'avance, en espérant ne pas avoir été trop confu !

[Straigh&Alert]

Personne pour m'aider ?
C'est l'un de mes derniers problèmes avant d'avoir fini le design de mon site :/

[Atch]

Bonjour,

Pourquoi ne pas entrer une url du style :

un texte plus court

v++

Atch

[Straigh&Alert]

hum c'est une option mais le problème est que ça me fait ça avec certains mots aussi qui peuvent être assez long ( nom de groupe de musique ou d'album pour ma part)

[Atch]

Tu as une URL vers ton site pour voir ce que l on peut faire.

V++

Atch

[Straigh&Alert]

non malheureusement je suis toujours en développement en local :/

Je vais le mettre en ligne sous peu, le temps de trouver le bon hébergeur

[Straigh&Alert]

il y'a une piste de réponse ici mais je n'arrive pas a l'appliquer à product.tpl :/

http://www.prestashop.com/forums/viewthread/73935/

[Vincent Decaux]

Tu pourrais t'aider du Css aussi. Il y a des propriétés intéressantes.

Tu peux utiliser un overflow:auto pour faire apparaitre une scrollbar.
Utiliser la propriété : word-wrap:break-word pour casser les mots (text-overflow:ellipsis pour Internet Explorer).

Tu appliques ce style à ta Div concernée pour tout couvrir (ou presque ...) :
{
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -webkit-pre-wrap; /* Chrome, Safari (pas testé !) */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

[Straigh&Alert]

merci ça marche nickel !

une idée pour ce qui est d'ouvrir ledit lien dans une autre parge ( avec un target=_"blank", mais où le placé ? )

[Edit] la réponse se trouve là :
http://www.prestashop.com/forums/viewthread/76956/

[Straigh&Alert]

Tu pourrais t'aider du Css aussi. Il y a des propriétés intéressantes.

Tu peux utiliser un overflow:auto pour faire apparaitre une scrollbar.
Utiliser la propriété : word-wrap:break-word pour casser les mots (text-overflow:ellipsis pour Internet Explorer).

Tu appliques ce style à ta Div concernée pour tout couvrir (ou presque ...) :
{
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -webkit-pre-wrap; /* Chrome, Safari (pas testé !) */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

j'ai voulu appliquer ça à mes listes de produits également sauf que ça ne marche pas pour Firefox (avec les autres si)
alors que la modif marche pour mes blocs short description de mes pages produits, FireFox inclus :/

une idée du problème ?

[Straigh&Alert]

ça viendrait apparemment de mes nouveaux produits.
J'ai modifier un fichier tpl pour que le logo "nouveau" ( en vert) soit suivit d'un saut de ligne et que la description s'affiche ensuite, ce qui n'a pas l'air d'être pris en compte sous FF.
maintenant faut que je retrouve où j'ai fait cette modif et comment l'appliquer à FF...

[Straigh&Alert]

problème résolu :
j'ai remplacer le par

 

dans mon product-list.tpl et le tour est joué