Placer une bulle

Fermé
balou - 22 avril 2011 à 14:32
 balou - 17 mai 2011 à 12:54
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
????
1
siniko44 Messages postés 172 Date d'inscription vendredi 30 juillet 2010 Statut Membre Dernière intervention 29 novembre 2013 17
22 avril 2011 à 14:44
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" ?
0
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
0
siniko44 Messages postés 172 Date d'inscription vendredi 30 juillet 2010 Statut Membre Dernière intervention 29 novembre 2013 17
22 avril 2011 à 15:00
"toutes les photos bulles s'ouvrent à un même endroit"
Explique-toi.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
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 !!
0
personne ne peut m'aider vraiment ????????????
0
wAxxx Messages postés 421 Date d'inscription mardi 24 juin 2008 Statut Membre Dernière intervention 29 septembre 2015 46
12 mai 2011 à 15:15
ç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>
0
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
0
wAxxx Messages postés 421 Date d'inscription mardi 24 juin 2008 Statut Membre Dernière intervention 29 septembre 2015 46
12 mai 2011 à 15:49
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
0
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
0
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
0