Placer une bulle [Fermé]

Signaler
-
 balou -
Bonjour,

j'ai crée des liens avec bulles photos cliquable ça ressort pas mal le code est celui ci :


<li><a href= "image.JPG" class= "tooltip "target="_blank">TITRE><img src="image.JPG" alt="image titre" width="256" height="342"/></span></a></li>

j'ai fait une dizaine de ligne ainsi les une sous les autres mais j'aimerai que la bulle au lieu de se placer sur le lien se place à un endroit précis et que toutes les photos bulles s'ouvrent à un même endroit !! est-ce possible ?? si oui quel code merci d'avance ;)

10 réponses

tu n'as pas compris ?? merci
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 83345 internautes nous ont dit merci ce mois-ci

????
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 83345 internautes nous ont dit merci ce mois-ci

Messages postés
172
Date d'inscription
vendredi 30 juillet 2010
Statut
Membre
Dernière intervention
29 novembre 2013
14
Pour le positionnement d'élément, commence par en apprendre un peu sur le CSS.
Et qu'est ce que tu entends par "toutes les photos bulles s'ouvrent à un même endroit" ?
oui je pense que c'est ce que je veux idre mais je connais un peu le css mais par contre là je ne vois pas comment faire ... et les photos auront un titre différents mais il ya d'autres photos sur mon sites qui ne sont pas en bulle ... tu as une idée de code css SVP ou qq d'autre ?merci
siniko44
Messages postés
172
Date d'inscription
vendredi 30 juillet 2010
Statut
Membre
Dernière intervention
29 novembre 2013
14
"toutes les photos bulles s'ouvrent à un même endroit"
Explique-toi.
et bien au même endroit je ne sais pas comment t'expliquer la bulle je veux qu'elel s'ouvre par exemple en haut à droite et toutes les autres idem mais là avec mon code ça s'ouvre en focntion dulien donc plus la page baisse plus ça baisse et puis ça cache les autres photo du site donc ça me plait moyen par rapport à ça je trouve que ça serait mieux si ça s'ouvrait au même endroit !! j'espère avoir été clair !!
personne ne peut m'aider vraiment ????????????
Messages postés
421
Date d'inscription
mardi 24 juin 2008
Statut
Membre
Dernière intervention
29 septembre 2015
42
ça n'a rien avoir avec on veut t'aider ou non, mais on a pas bien compris ce que tu veux particulièrement le "photo bulle"

bon, si j'ai bien compris tu veux mettre des images au lieu des puces par défaut des listes. voilà ce code reste
#List ul, #List ol {
	padding: 5px 0 5px 20px;
	margin-left: 15px;
}

#List ul li {
	background: url(image.JPG) 0 6px no-repeat;
	padding-left: 15px;
}


pour invoquer cette style tu fais :

<div id="List">
<ul>
<li><a href= "image.JPG" "target="_blank">Image 1</a></li> 
<li><a href= "image.JPG" "target="_blank">Image 2</a></li>
<li><a href= "image.JPG" "target="_blank">Image 3</a></li>
</ul>
</div>
je m'expirme mal je pense les ligne sont bien en dessous les unes des autres ce sont comme des liens mais ça ouvre une bulle photo et si on clique dessus ça ouvre la photo mais la bulle photo change de place en fonction de la ligne de la cellule donc moi je voudrais que les bulles s'ouvrent toutes au meme endroit .. je ne sais pas si je m'explique bien .. dsl merci
wAxxx
Messages postés
421
Date d'inscription
mardi 24 juin 2008
Statut
Membre
Dernière intervention
29 septembre 2015
42
ahhhh ok,

La position des "infobulles" (tooltips) sont en relation à la classe tooltip , donc pour qu'on arrive à t'aider tu dois nous fournir le CSS complet de ce classe et sont code JavaScript car c'est la bas ou se trouve les propriétés des positions
comme elle est directement liée au lien <a href= "image.JPG" de la bulle je n'ai pas fait de code css (c'est d'ailleruspour ça qu'elle s'affiche sur la ligne de la bulle) et je débute donc tu peux me dire quel genre de code dans le css je devrais mettre par rapport au code d'en haut celui ci
<li><a href= "image.JPG" class= "tooltip "target="_blank">TITRE><img src="image.JPG" alt="image titre" width="256" height="342"/></span></a></li>
STP ? merci
voilà je remets car je ne sais pas si tout a bien été saisi

comme elle est directement liée au lien <a href= "image.JPG" de la bulle je n'ai pas fait de code css (c'est d'ailleruspour ça qu'elle s'affiche sur la ligne de la bulle) et je débute donc tu peux me dire quel genre de code dans le css je devrais mettre par rapport au code d'en haut celui ci
<li><a href= "image.JPG" class= "tooltip "target="_blank">TITRE><img src="image.JPG" alt="image titre" width="256" height="342"/></span></a></li>
STP ? merci