Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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="https://redcdn.net/ihimizer/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="https://redcdn.net/ihimizer/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="https://redcdn.net/ihimizer/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="https://redcdn.net/ihimizer/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="https://redcdn.net/ihimizer/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=https://i.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=https://redcdn.net/ihimizer/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=https://redcdn.net/ihimizer/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

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

Milouze14
Membre actif

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

https://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

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

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

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 Info-bulle problème alignement et retour à la ligne. Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Info-bulle problème alignement et retour à la ligne. 50378

A bientôt sur ForumActif Smile
Anonymous

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