Discussion :

[bronon]

Bonjour à tous.
Début de semaine hard pour moi, je voudrais savoir si il est possible de modifier le look très laid de la balise href (<a href="blabalbala" title="juguyguygyu"></a>

Je parle du rectangle jaunâtre sous le texte, que je voudrais remplacer par une CSS plus conforme au look & feel du site.

J'avais vu ici, un sujet traitant de ceci il y a qq temps mais je suis incapable de le retrouver.

Si qq'un a une idée, merci.

[Bisûnûrs]

Il ne faut pas utiliser l'attribut title alors, mais faire toi-même ta propre infobulle.

Tu auras quelques bons résultats en cherchant "infobulle CSS" sur Google.

[Deallyra]

*passe en coup de vent*

Code css :

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
 
<STYLE>
a.info{
    position : relative; 
    z-index : 24; 
    background-color : "#code hexa";
    color : "#code hexa";
    text-decoration : none}
 
a.info:hover{
    z-index : 25; 
    background-color : "#code hexa"}
 
a.info span{
    display: none}
 
a.info:hover span{ 
    display : block; 
    position : absolute;
    top : 2em; 
    left : 2em; 
    width :15em; 
    border : 1px solid #couleur hexa;
    background-color:#couleur hexa; 
    color:#couleur hexa;
    text-align: justify;
    font-weight:none;
    padding:1px;}
</STYLE>

*code non vérifié*

[bronon]

Merci pour ton code, mais les CSS je commence à maîtriser, et je voulais savoir si il existe des podsibilités de "bricoler" l'affichage standart des bulles title, visiblement je fais fausse route, je regarde ton code qui m'apparaît bien propre.
Encore merci

*passe en coup de vent*

Code css :

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
 
<STYLE>
a.info{
    position : relative; 
    z-index : 24; 
    background-color : "#code hexa";
    color : "#code hexa";
    text-decoration : none}
 
a.info:hover{
    z-index : 25; 
    background-color : "#code hexa"}
 
a.info span{
    display: none}
 
a.info:hover span{ 
    display : block; 
    position : absolute;
    top : 2em; 
    left : 2em; 
    width :15em; 
    border : 1px solid #couleur hexa;
    background-color:#couleur hexa; 
    color:#couleur hexa;
    text-align: justify;
    font-weight:none;
    padding:1px;}
</STYLE>

*code non vérifié*

[bronon]

Il ne faut pas utiliser l'attribut title alors, mais faire toi-même ta propre infobulle.

Tu auras quelques bons résultats en cherchant "infobulle CSS" sur Google.

Merci pour l'info, mais je voulais savoir si il existe des podsibilités de "bricoler" l'affichage standart des bulles title, visiblement je fais fausse route, je retourne sur Google qui n'était pas mon ami ce matin.

[Bisûnûrs]

Non, tu ne peux effectivement pas modifier l'affichage standard.

[ArHacKnIdE]

Salut,

Regardes-ici, moi je m'en sert pour faire plein de styles d'info-bulles : ICI

[bronon]

Merci à tous.

[bronon]

Merci, super pour qq'un qui passe en coup de vent
Je viens de monter ta CSS simple, efficace et d bon goût.

Cordialement

*passe en coup de vent*

Code css :

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
 
<STYLE>
a.info{
    position : relative; 
    z-index : 24; 
    background-color : "#code hexa";
    color : "#code hexa";
    text-decoration : none}
 
a.info:hover{
    z-index : 25; 
    background-color : "#code hexa"}
 
a.info span{
    display: none}
 
a.info:hover span{ 
    display : block; 
    position : absolute;
    top : 2em; 
    left : 2em; 
    width :15em; 
    border : 1px solid #couleur hexa;
    background-color:#couleur hexa; 
    color:#couleur hexa;
    text-align: justify;
    font-weight:none;
    padding:1px;}
</STYLE>

*code non vérifié*