Sujets similaires

J'explique mon problème, en fait, j'ai construit mon infobulle correctement. Elle marche et tout. Mais, à la pkace de mon blanc intersidérale, j'aimerai mettre un fond à l'infobulle.
Le code actuel c'est sa :

Code:: background-color: white;

Ensuite, je me suis renseigné, on m'as dit de mettre comme sa :

Code:: background-url: "http://img199.imageshack.us/img199/4990/2cnb2o6.png";

Ou

Code:: background: url : "http://img199.imageshack.us/img199/4990/2cnb2o6.png";

Sauf que les deux ne marche pas. Que faire ? Je n'y arrive pas !

salut! essaye ce code

Code:: background-image:url(http://img199.imageshack.us/img199/4990/2cnb2o6.png);

Et ben sa marche x) ! Et, j'aurais encore une petite question, comment on encardre l'infobulle ?
De façon à ce que le cadre soit en pointillé ou en blanc ?

Coucou !

{Je doute qu'en mettant le titre en majuscules cela attire plus, au contraire Wink

}
Il y a un tuto sur CSS Actif : Faire une infobulle. Dans le code donné par Lilypad, tu trouveras des commentaires :

Code:: /* bordures de votre infobulle*/
border: 1px dotted #TACOULEUR;
border-left: 1px dotted #TACOULEUR;

Suffit de modifier les couleurs, la taille des pixels ... Wink

Solid = un trait simple
Dashed = des pointillés
Dotted = des petits points

(Nan Nan mais j'avais appuyé pour faire une maj au premier mot et j'ai bugé -_-')

Et, je mets ça où dans la feuille CSS mais où ?

Dans ton code de l'infobulle, dans la feuille CSS ...
Ton code est ceci :

Code:: .thumbnail{position: relative;z-index: 0;}

.thumbnail:hover{background-color: transparent;z-index: 50;}

.thumbnail span{
position: absolute;
background-image:url(http://img199.imageshack.us/img199/4990/2cnb2o6.png);
padding: 5px;
left: -1000px;
visibility: hidden;
color: white;}

.thumbnail span img{border: 1px groove;padding: 2px;}

.thumbnail:hover span{
visibility: visible;
top: 15px;
left: 25px;
width: 248;}

La partie concernée c'est la dernière, c'est la que le code doit se coller ^^

Code:: .thumbnail:hover span{
visibility: visible;
top: 15px;
left: 25px;
width: 248;
border: 1px dotted #TACOULEUR;
border-left: 1px dotted #TACOULEUR;}

Sa ne marche pas se me mets "Erreur détectée
Nous avons compté un nombre différent de "{" et de "}". Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.

Nous vous conseillons de relire votre code." J'ai mit sa en code :

Code:: border: 1px dotted #FFFFFF;
border-left: 1px dotted #FFFFFF;}

Donnes moi le code que tu as mis dans ton CSS, avec ce que je t'ai donné ^^
Tu as juste du faire une erreur et mettre deux } dans ton codage ^^

Code:: .tstaff{font-size:1em;}

.thumbnail{position: relative;z-index: 0;}

.thumbnail:hover{background-color: transparent;z-index: 50;}

.thumbnail span{
position: absolute;
background-image:url(http://img199.imageshack.us/img199/4990/2cnb2o6.png);
padding: 5px;
left: -1000px;
visibility: hidden;
color: white;}

.thumbnail span img{border: 1px groove;padding: 2px;}

.thumbnail:hover span{
visibility: visible;
top: 15px;
left: 25px;
width: 248;}
border: 1px dotted #FFFFFF;
border-left: 1px dotted #FFFFFF;}

Je comprends pas

Citation :: .thumbnail:hover span{
visibility: visible;
top: 15px;
left: 25px;
width: 248;}
border: 1px dotted #FFFFFF;
border-left: 1px dotted #FFFFFF;}

Le voila ton problème xD
{ = ouvre le code
} = ferme le code, ça referme tes balises ...
; = sépare les différents codes CSS ...

Donc, en résumé, retire ce } qui n'a rien à faire là, et tu verras, ça marchera mieux ^^

En effet ;D
J'peut te poser encore une dernière question ?
Comment on fais un carré... Comment m'expliqué...
4 images en carré, comme le staff de ce forum.
http://yummy-cookie.forumactif.org/