Title sur plusieurs lignes

**joreveur** · 09/07/2011, 22h12

Bonjour
sous IE7 j'arrive à avoir des retours à la ligne dans les title
cela ne marche pas sous FF
comment peut-on faire pour que cela fonctionne ?
voici le code qui fonctionne sous IE7

Code :

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

1
2
3
4
5
6
7
8
9
10
<html>
<head>
<title>essai</title>
</head>
<body>
<h3>Essai de title avec retour ligne</h3>
<a href="http://www.developpez.net" title="un site
super bien">developpez.com un site sympa</a>
</body>
</html>

merci

**NoSmoking** · 09/07/2011, 22h21

Bonsoir,
les éléments Hx sont des éléments de type block, il te suffit de mettre un <br> pour aller à la ligne.

**joreveur** · 09/07/2011, 22h24

Bonsoir,

je parle des retours ligne (les info bulles... ) dans les title des liens ligne 7
actuellement j'arrive à le faire avec un & # 1 3 ; sous IE

**NoSmoking** · 09/07/2011, 22h34

excuses je n'avais pas compris, ce n'est effectivement pas prévu.
Tu peux ruser en faisant cela en pur CSS.

**joreveur** · 09/07/2011, 22h41

c'est moi qui m'étais mal expliqué...
et en ccs tu as le code qui pourrait aller pour tous les navigateurs ?

merci d'avance

**NoSmoking** · 09/07/2011, 22h51

un exemple complet

Code html :

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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[Bulle CSS]</title>
<meta name="Author" content="NoSmoking">
 
<style type="text/css">
* {
  font-family : Verdana;
}
h1 {
  color : #4488bb;
  font-size : 1.3em;
  border : 1px solid #c0c0c0;
  padding : 10px;
}
span.bulle {
  position : relative;
  border-bottom : 1px dotted #fa8;
}
span.bulle span {
  display : none;
  border : 1px solid #fa8;
  background-color : #ffb;
  color : #000;
  text-decoration : none;
  white-space : nowrap;
}
span.bulle:hover span {
  position : absolute;
  top : 18px;
  left : 20px;
  padding : 5px;
  display : block;
}
</style>
</head>
<body>
<h1>CSS Info bulle...</h1>
<p><a href="http://www.developpez.net" title="Pour tout savoir sur...">Visitez le site developpez.net</a></p>
<p>Antequam in <span class="bulle">provincia<span>Bulle</span></span> toto fuerit pervenire denique provincia <span class="bulle">nascetur<span>Autre <b>B</b>ulle<br>sur 2 lignes</span></span> antequam.</p>
<p>Coalito dignitates ordinarias<span class="bulle"> coalito Rufinus annonae<span> ad in est et praefectus Rufinus</span></span> convectio enim tempestate.</p>
<p><a href="http://www.developpez.net">Visitez le site <span class="bulle">developpez.net <span><img src="http://aka-cdn-ns.adtech.de/apps/36/Ad2881060St3Sz1Sq5149476V0Id3/developpez-728-2.gif" alt=""></span></span></a></p>
</body>
</html>

je reste dispo pour explication.

Title sur plusieurs lignes

HTML

Vue hybride

Discussions similaires

Partager

Partager