Modifier le look de la balise title de href

Version imprimable

10/03/2008, 09h33
bronon

Modifier le look de la balise title de href

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.
10/03/2008, 09h35
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.

*passe en coup de vent*

Code:

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é*

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

Citation:

Envoyé par MimiCracra44

*passe en coup de vent*

Code:

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é*

10/03/2008, 10h07
bronon

Citation:

Envoyé par 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.

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.
10/03/2008, 10h58
Bisûnûrs

Non, tu ne peux effectivement pas modifier l'affichage standard.
10/03/2008, 11h05
ArHacKnIdE

Salut,

Regardes-ici, moi je m'en sert pour faire plein de styles d'info-bulles : ICI
10/03/2008, 11h06
bronon

Merci à tous.

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

Citation:

Envoyé par MimiCracra44

*passe en coup de vent*

Code:

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é*