Discussion :

[gael76]

Bonjour j'aimerais savoir si on peut mettre en retour a la ligne dans le title d'une image.
En fait je cree un title a partir de deux informations et pour les separer je voudrais mettre le deuxieme a la ligne mais je n'y arrive pas.

Dans mon code cela donne :

$titleTxt .= ' ('.$text.')';

Le deuxieme est donc pour l'instant entre parenthese

Merci d'avance

Gael

[Tober]

Code :

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

1
2
<img src="cora.jpg" title="ligne1
ligne2" />

et ça marche sous IE seulement

[gael76]

et tu n'aurai pas un truc pour firefox car je bosse pas sous IE

gael

[Tober]

J'ai rien trouvé

[koala01]

Salut,

La solution la plus simple, même si ce n'est pas forcément ce que tu veux, c'est peut être tout simplement d'insérer une séparation nette et franche...

Par exemple "\\\\" ou tout autre.

Sinon l'une des solution *pourrait* venir d'un lien, d'une balise <span> et d'une CSS :

Tu crées une balise <span> qui contient les différentes informations que tu souhaîte présenter, sous une forme proche de

Code :

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

1
2
3
4
<a href="#" class="magic"><img src="chemin/vers/fichier.jpeg" title="le titre sur une linge"><span> premiere ligne <br>
deuxieme ligne <br>
...
</span></a>

avec une css de l'ordre de

Code :

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

1
2
3
4
5
6
7
8
a.magic span
{
display: none;
}
a.magic:hover span {
display: block;
/* plein de possibilité de "customisation" */
}

Si tu veux voir le résultat, tu peux aller t'amuser sur un site comme =>celui-ci<= (une réalisation dont je ne suis pas peu fier ... même si je n'ai pas tout fait )

[MasterOfChakhaL]

Salut,

Il existe des solutions pour IE et firefox, http://xhtml.developpez.com/faq/?pag...ages#IMAGE_alt

Malheureusement, elles ne sont pas compatibles entre elles (pas possible d'avoir un saut de ligne "propre" sur les deux navigateurs).

Si le saut de ligne est une obligation pour toi, il te faudra creuser la solution que te donne koala01