Liens et Title / DIV CSS

Hybride76 · 03/12/2010, 11h40

Bonjour,

Je vais essayer d'être le plus clair possible afin de pas trop compliquer ma demande.

J'aimerais savoir si dans un lien il est possible de faire des sauts de ligne dans la fonction title="".

Je cherche à faire un descriptif des informations sur un lien sur plusieurs lignes (dans mon cas des dossiers et fichiers).
exemple : je cherche à afficher :
Nom du dossier.
Taille
etc

j'ai fait plusieurs essais pour faire des sauts de ligne mais aucuns succès.

Dans le cas où cela n'est pas réalisable j'ai commencé à faire une info bulle pour remplacer la fonction title ( code plus bas).

La fonction d'apparition fonctionne, mais j'aimerai savoir s'il est possible de retarder l'apparition de la bulle. J'ai tenté une fonction sleep mais pas top.
Donc si quelqu'un à un idée ou une fonction à me proposer. Je n'attends pas un code tout fait car c'est pas mon but, mais une aide pour pouvoir réaliser ce que je veux ou du moins s'en approcher.

Merci par avance de votre aide.

Code CCS

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
Tout sélectionner
#Liens
{
   background: None;
   width: 10px;
   height: 0px;
   list-style-type: none;
   position: relative;
   top: 0;
   left: 0 ;
}
#Liens .Commentaires
{
   display: none;
   list-style-type: none;
   margin: 0;
   padding: 0px 0px;
     position: Absolute;//relative;
   top: 60;
   left: 60 ;
   border: 1px solid black;
   Background: #FCFAE1;
   height : 52px;
   Width : 240px
}
#Liens li a:link, #Liens li a:visited
{
   display: block;
   color: #000; // Couleur texte du menu
   margin: 0;
   text-decoration: none;
}
#Liens li:hover > .Commentaires { display: block; }

Code D'essai (temporaire sera implanté dans le fichier final après finalisation) :

Tout sélectionner

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
<html>
<head>
   <link rel="stylesheet" type="text/css" href="Bulle.css" title="default" media="screen" />
</head>
<body>
<?php
 
 
print("<ul id=\"Liens\">
 
<li><a href=\"#\">Hj</a>
 
<ul class=\"Commentaires\">
 
<li><a href=\"#\" >M2</a></li>
 
</ul>
</ul>
 
<br>");
 
?>
 
 
</body>
</html>

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email