Info-bulle problème alignement et retour à la ligne.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Info-bulle problème alignement et retour à la ligne.

Message par Wiver Blades le Dim 16 Oct 2011 - 11:54

Bonjour à tous et à toutes, j'ai un soucis au niveau codage de mes infos bulles, en faites je voudrais qu'a partir de la 4eme image il y est un retour à la ligne pour mettre le reste de mes infos bulles au nombre de 4.

Voici le codage de ma page d'accueil sur la partie des infos-bulles.

Spoiler:
<div id="groupe3">
<div class="content_tfa_groupe">
<table align="center"><td><div class="opacite_8" "infobulle"><img src="http://img600.imageshack.us/img600/3106/cadreicone01.png" />
<span><br>► Wiver Blades<br>Fondateur & Graphiste<br><a href="http://hikutsutainushi.forumperso.com/t26-wiver-blades-demon-des-12-familles-fondatrices">Sa fiche</a><br> <a href="http://hikutsutainushi.forumperso.com/privmsg?mode=post&u=1">MP</a><br>
</span></div></td><td><div class="opacite_8" "infobulle"><img src="http://img263.imageshack.us/img263/3841/cadreicone04.png" />
<span><br>► Aishuu Haishin<br>Administratrice <br><a href="http://hikutsutainushi.forumperso.com/t19-aishuu-haishin-fini-9788">Sa fiche</a><br><a href="http://hikutsutainushi.forumperso.com/privmsg?mode=post&u=6">MP</a<br></span></div>

</td><td><div class="opacite_8" "infobulle"><img src="http://img69.imageshack.us/img69/2131/cadreicone02.png" /><span><br>► Hakunetsu Kagao<br>Administrateur<br><a href="http://hikutsutainushi.forumperso.com/t12-le-grand-et-noble-hakunestu-kagao-est-la">Sa fiche</a><br> <a href="http://hikutsutainushi.forumperso.com/privmsg?mode=post&u=4">MP</a><br></span></div>

</td><td><div class="opacite_8" "infobulle"><img src="http://img708.imageshack.us/img708/6893/cadreicone03.png" />
<span><br>► Lyx Werren<br> Co'Administrateur <br><a href="http://hikutsutainushi.forumperso.com/t172-lyx-werren">Sa fiche</a><br> <a href="http://hikutsutainushi.forumperso.com/privmsg?mode=post&u=63">MP</a><br></span></div>

</td><td><div class="opacite_8" "infobulle"><img src="http://img804.imageshack.us/img804/3884/cadreicone05.png" />
<span><br>► Riot Amagera<br> Co'Administrateur <br><a href="http://hikutsutainushi.forumperso.com/t56-riot">Sa fiche</a><br> <a href="http://hikutsutainushi.forumperso.com/privmsg?mode=post&u=22">MP</a </span></div>

</td><td><div class="opacite_8" "infobulle"><img src=http://i42.servimg.com/u/f42/12/02/39/94/cadrei10.png" />
<span><br>► Angeler Wolf<br> Modérateur <br><a href="http://hikutsutainushi.forumperso.com/t320-angeler-wolf-un-simple-demon">Sa fiche</a><br> <a href="http://hikutsutainushi.forumperso.com/privmsg?mode=post&u=98">MP</a</span></div>

</td><td><div class="opacite_8" "infobulle"><img src=http://img442.imageshack.us/img442/7002/cadreicone07.png />
<span><br>► Saphir McCoy<br> Modératrice<br><a href="http://hikutsutainushi.forumperso.com/t60-saphire-mccoy-maitresse-finie">Sa fiche</a><br> <a href="http://hikutsutainushi.forumperso.com/privmsg?mode=post&u=23">MP</a</span></div>

</td><td><div class="opacite_8" "infobulle"><img src=http://img97.imageshack.us/img97/9784/cadreicone08.png /><span><br>► Luck<br> Modérateur<br><a href="http://hikutsutainushi.forumperso.com/t40-luck">Sa fiche</a><br> <a href="http://hikutsutainushi.forumperso.com/privmsg?mode=post&u=14">MP</a</span></div></table>

</div>
</div>


et voici le codage Css de ma page d'accueil:

Spoiler:
.infobulle {
position: relative;
color: #3b3f6d;
text-decoration: none;
border-bottom: 0px #3b3f6d solid; /* on souligne le texte */
}
a {text-shadow: 1px 1px 1px black;}
.infobulle span {
display: none; /* on masque l'infobulle */
}
.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: ; /* on change le curseur par défaut en curseur d'aide */
}
.infobulle:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 0px; /* on positionne notre infobulle */
left: 0px;
background: #;
color: black;
padding: 0px;
width:100px;
height: 116px;
border: 1px double #898888;
background-color:#3b3f6d;
}

Merci d'avance de vos réponses qui seront précieuses à mes yeux.


Dernière édition par Wiver Blades le Lun 24 Oct 2011 - 21:07, édité 1 fois

Wiver Blades
Nouveau membre

Masculin
Messages : 20
Inscrit(e) le : 26/04/2011

http://hikutsutainushi.forumperso.com/
Wiver Blades a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Info-bulle problème alignement et retour à la ligne.

Message par Milouze14 le Dim 16 Oct 2011 - 16:38

Salut ,

sers toi des balises "Codes" la prochaine fois Very Happy .

Pour ta demande, il est tout à fait normal
que tes images étaient toutes alignées Wink .
En grossissant tu avais ceci:
<table> <tr><td> image image image image
image image image image
</td> </tr> </table>
alors que tu devrais avoir ceci:
<table> <tr><td> image image image image</td> </tr>
<tr><td> image image image image</td> </tr></table>
Voilà ton code tout prêt mon ami Wink, j'ai juste modifié le lien
d'une image qui ne s'affichait pas
Code:
<div id="groupe3"><div class="content_tfa_groupe">
<table align="center"><tbody><tr><td><div class="opacite_8" "infobulle"=""><img src="http://img600.imageshack.us/img600/3106/cadreicone01.png">
<span><br>► Wiver Blades<br>Fondateur &amp; Graphiste<br><a href="http://hikutsutainushi.forumperso.com/t26-wiver-blades-demon-des-12-familles-fondatrices">Sa fiche</a><br> <a href="http://hikutsutainushi.forumperso.com/privmsg?mode=post&amp;u=1">MP</a><br>
</span></div></td><td><div class="opacite_8" "infobulle"=""><img src="http://img263.imageshack.us/img263/3841/cadreicone04.png">
<span><br>► Aishuu Haishin<br>Administratrice <br><a href="http://hikutsutainushi.forumperso.com/t19-aishuu-haishin-fini-9788">Sa fiche</a><br><a href="http://hikutsutainushi.forumperso.com/privmsg?mode=post&amp;u=6">MP</a></span></div><a href="http://hikutsutainushi.forumperso.com/privmsg?mode=post&amp;u=6">
</a></td><td><div class="opacite_8" "infobulle"=""><img src="http://img69.imageshack.us/img69/2131/cadreicone02.png"><span><br>► Hakunetsu Kagao<br>Administrateur<br><a href="http://hikutsutainushi.forumperso.com/t12-le-grand-et-noble-hakunestu-kagao-est-la">Sa fiche</a><br> <a href="http://hikutsutainushi.forumperso.com/privmsg?mode=post&amp;u=4">MP</a><br></span></div>
</td><td><div class="opacite_8" "infobulle"=""><img src="http://img708.imageshack.us/img708/6893/cadreicone03.png">
<span><br>► Lyx Werren<br> Co'Administrateur <br><a href="http://hikutsutainushi.forumperso.com/t172-lyx-werren">Sa fiche</a><br> <a href="http://hikutsutainushi.forumperso.com/privmsg?mode=post&amp;u=63">MP</a><br></span></div>
</td></tr><tr>
<td><div class="opacite_8" "infobulle"=""><img src="http://img804.imageshack.us/img804/3884/cadreicone05.png">
<span><br>► Riot Amagera<br> Co'Administrateur <br><a href="http://hikutsutainushi.forumperso.com/t56-riot">Sa fiche</a><br> <a href="http://hikutsutainushi.forumperso.com/privmsg?mode=post&amp;u=22">MP</a></span></div>
</td><td><div class="opacite_8" "infobulle"=""><img src="http://i42.servimg.com/u/f42/12/02/39/94/cadrei10.png">
<span><br>► Angeler Wolf<br> Modérateur <br><a href="http://hikutsutainushi.forumperso.com/t320-angeler-wolf-un-simple-demon">Sa fiche</a><br> <a href="http://hikutsutainushi.forumperso.com/privmsg?mode=post&amp;u=98">MP</a></span></div><a href="http://hikutsutainushi.forumperso.com/privmsg?mode=post&amp;u=98">

</a></td><td><div class="opacite_8" "infobulle"=""><img src="http://img442.imageshack.us/img442/7002/cadreicone07.png">
<span><br>► Saphir McCoy<br> Modératrice<br><a href="http://hikutsutainushi.forumperso.com/t60-saphire-mccoy-maitresse-finie">Sa fiche</a><br> <a href="http://hikutsutainushi.forumperso.com/privmsg?mode=post&amp;u=23">MP</a></span></div><a href="http://hikutsutainushi.forumperso.com/privmsg?mode=post&amp;u=23">

</a></td><td><div class="opacite_8" "infobulle"=""><img src="http://img97.imageshack.us/img97/9784/cadreicone08.png"><span><br>► Luck<br> Modérateur<br><a href="http://hikutsutainushi.forumperso.com/t40-luck">Sa fiche</a><br> <a href="http://hikutsutainushi.forumperso.com/privmsg?mode=post&amp;u=14">MP</a></span></div></td></tr></tbody></table>

a++

</div>
</div>

Milouze14
+ Hyperactif +

Masculin
Messages : 4565
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Info-bulle problème alignement et retour à la ligne.

Message par Wiver Blades le Mer 19 Oct 2011 - 23:27

Merci beaucoup ^^'

Wiver Blades
Nouveau membre

Masculin
Messages : 20
Inscrit(e) le : 26/04/2011

http://hikutsutainushi.forumperso.com/
Wiver Blades a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Info-bulle problème alignement et retour à la ligne.

Message par Invité le Dim 23 Oct 2011 - 11:49

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum