Commentaire(s) Créer une info bulle en css
- Retour au Tutoriel : « Créer une info bulle en css »
Commentaire(s)
- #430 Commentaire de coco posté le 17/06/11 à 13:41:14 :
-
Nice, merci beaucoup, je l'ai mis a ma sauce, sa ma beaucoup aider. Thank you :)
- #531 Commentaire de Lunatune posté le 19/11/11 à 20:17:22 :
-
Est-il possible d'avoir une info-bulle avec une image?
- #532 Commentaire de c00lman posté le 20/11/11 à 09:13:00 :
-
Bonjour Lunatune,
Un petit "Bonjour" ou un simple "Salut" est toujours agréable à lire....
Pour répondre à votre question, oui c'est possible. Il faut juste changer le "background-color" de la class "a.info:hover span" en "background : url(url-de-l-image.jpg) repeat-x;" et vous utilisez "repeat-*" que si vous en avez besoin.
- #537 Commentaire de Aurelien posté le 22/11/11 à 16:48:00 :
-
Très bien ce petit tuto, mais pourquoi on doit utiliser des balises "a" ? ça ne marche pas avec toutes les balises ?
- #538 Commentaire de c00lman posté le 22/11/11 à 18:04:25 :
-
Bonjour Aurelien,
Un petit "Bonjour" ou un simple "Salut" est toujours agréable à lire....
Pour répondre à votre question, oui on peut utiliser n'importe quelle balise (p, div, etc...). Dans le cas de ce tutoriel, il sagit d'un lien d'ou l'utilisation de la balise <a>.
- #543 Commentaire de Volkow posté le 29/11/11 à 16:11:44 :
-
Niquel ! Exactement ce que je voulais merci !
- #595 Commentaire de Poki posté le 17/01/12 à 23:35:00 :
-
Merci beaucoup ! Ca m'a vraiment aidé, en 5 minutes c'était plié ! Merci !
- #614 Commentaire de xlilissa posté le 22/02/12 à 04:07:38 :
-
Bonjour,
Je voudrais savoir comment on fait pour agrandir la zone de l'info bulle, j'ai beau essayer mais maleureusement je ne trouve pas comment.
Merci beaucoup d'avance.
xLilissa / Wannie
- #615 Commentaire de c00lman posté le 22/02/12 à 09:26:50 :
-
Bonjour xlilissa,
Il faut juste "jouer" avec l'attribut width:***; de la class a.info:hover span. Vous pouvez également ajouter une hauteur en ajoutant simplement l'attribut height:**; à cette même class.
- #659 Commentaire de José-Arthure posté le 05/04/12 à 12:27:44 :
-
Bonjour,
J'essaye d'intégrer cette formule dans une page php. Et ça me répond : « erreur de syntaxe ! ». Y a-t-il une solution.
Merci d'avance.
- #660 Commentaire de c00lman posté le 05/04/12 à 14:18:26 :
-
Bonjour José-Arthure,
L'erreur de syntaxe peut être dut au faite (si le lien se trouve dans un "echo") que vous n'ayez pas "anti-slaché" les simples ou doubles quote.
Simple quote :
echo '<a class="info" href="#">texte du lien<span>Votre texte de l\'info bulle</span></a>';
Double quote :
echo "<a class=\"info\" href=\"#\">texte du lien<span>Votre texte de l'info bulle</span></a>";
Mis à part ça, je ne vois pas d'ou peut provenir cette erreur.
