Problème formatage dans balise title / alt

**jflebegue** · 09/12/2004, 11h17

Bonjour,
je voudrais que sur un lien, une image ou une balise div ou p par exemple, le texte qui s'affiche soit mis un min en forme et en particulier avec un retour à la ligne.
Ci dessous un exmemple j'ai mis un <br> dans le contenu du title pour dire que je souhaite fair eun retour à la ligne, mais ca ne marche pas, j'ai également essayé le \n
QQ 1 aurait il la solution?
Merci
JF

Code :

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

<p title='coucou <br> lasuite'>test du title dans une balise p</p>

**SpaceFrog** · 09/12/2004, 11h37

oui c'est possible mais j'arrive plus à mettre la main sur le caractère à utiliser ....

je continue mes recherches, j'ai ça en stock !!! je sais plus ou ...

**Kerod** · 09/12/2004, 12h04

Ce post pourrait t'aider,en tout je te le conseille si tu veux faire des info-bulle correcte avec tout ce qui suit : Info-bulle (title)

**jflebegue** · 09/12/2004, 14h35

Oui je connaissait la solution du Javascript, mais mon soucis est uniquement un pb de retour à la ligne....
En plus la solution javascript implique des pages plus grosses et des pb de compatibilités entre navigateurs.
Donc si qq 1 sait comment faire le retour à la ligne, merci d'avance.
JF

**SpaceFrog** · 09/12/2004, 14h39

grrr je garanti que c'est réalisable avec la balise title mais je ne retrouve plus la syntaxe !!!

par contre ne pas utiliser la balise alt que IE interprète comme éta,nt une info bulle mais ce n'est pas fait pour ça !!!

**SpaceFrog** · 09/12/2004, 14h43

Ha voilà !!!! :

& # 10 sans espace

ou 13 ...

**jflebegue** · 09/12/2004, 14h59

Merci ca fonctionne effectivement sous IE mais pas sous Firefox

Enfin c'est déjà un plus!
Merci encore.
JF

**SpaceFrog** · 09/12/2004, 15h01

alors passe par le css pour les info bulles comme ça pas de javascript ...

un chti nexemple:

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
35
36
37
38
39
40
41
42
43
44
45
46
47
<html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
<style type="text/css">
.info{position:relative; /*this is the key*/
		z-index:24; 
		/*background-color:#ccc;*/
		color:#000;
		text-decoration:none}
 
a.info:hover{
			   display:block/*background-color:yellow;*/
				}
 
a.info div {display: none}
 
a.info:hover div{/*the span will display just on :hover state*/
				   display:block;
				   position:absolute;
				   padding:5px;
				   top:-5em; 
				   left:2em;
				   width:15em;
				   border:2px outset #0cf;
				   background-color:skyblue;
				   color:#000;
				   text-align: center;
				   font-family:verdana; 
				   font-size:11px;
				   z-index:25;}
</style>
 
</head>
 
<body>
<br/>
<br/>
<br/>
<br/>
<br/>
 
<a class="info" href="#" style="position:absolute; left:40%;">une infobulle d'aide apparait en survol de souris<div> Voici<br/>l'infobulle<br/>en css</div></a>
</body>
 
</html>