Problèmes dans le panneau d'accueil avec les infosbulles

[Iziie]

J'ai un problèmes mais je ne sais pas trop ou est ce qu'il se trouve, ça un rapport avec mes infos bulles mais bon comme je ne suis pas très douée..





Merci de votre aide

[Iziie]

up

[Iziie]

up éè

[Roxy.]

Bonjour,
En effet il y a un problème.
Puis-je voir votre template ou vous avez apporter la modification. Et si possible juste la partie qui a été modifier ?
Cordialement.

[Iziie]

Spoiler:

C"est cela ?

[Roxy.]

Oulah c'est tout cracra ^^
Des balises <br> qui ne veulent rien dire...
Commençons par :
supprimer tout les <br>, ce code du début :

Code:

</div></div></div></td></table></tr>
</div>

Puis :
-Ajouter </br> après •Notre psychologue.
-Un autre après le </a> de "Sa demande d'rp"
-Supprimer ceci :

Code:

</td><td><

Qui ce trouve à la fin du code.
Cela est-il mieux ?

Cordialement.

[SoraNoHime]

Bonsoir

@Roxy, merci de vous abstenir de ce genre de commentaires.

Oulah c'est tout cracra ^^

et de lire la demande du membre, il s'ahit en l'occurence de page d'acceuil et non d'un template.

@Iziie : pouvez vous me fournir votre code de page d'acceuil ainsi que la css associée à ces infobulles ?

Cordialement.

[Iziie]

Ahh ne vous en faites pas ça me gêne pas, je l'avoue également que c'est cracra .. D'accord alors :

Code:

<br><div align="center"></marquee></span>
<ahref="none" target="_blank" rel="nofollow"><img src="http://i49.servimg.com/u/f49/15/99/63/09/00_bmp40.jpg" border="0" alt="" /></a><div align="left"><br><table><tr><td><div align="left">
<table style="margin: auto;"><tr><td><div id="mes_onglets">
    <span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);"><img src="http://i49.servimg.com/u/f49/15/99/63/09/0000014.jpg" /></span>
        <span id="o_2" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://i49.servimg.com/u/f49/15/99/63/09/110.jpg" /></span>
        <span id="o_3" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://i49.servimg.com/u/f49/15/99/63/09/0000015.jpg" /></span>
        </td><td>
        <div class="clear"><div id="mes_contenus">
    <div id="co_1" class="mon_contenu" style="display: none;"> Bienvenue sur Imitsu-Gakuen, ce forum RPG se situe donc comme son nom l'indique dans un lycée ou d'étranges évènements ont la manie d'arriver. Par la création d'un ou plusieurs personnages de votre choix qui gagnera à avoir ou non des pouvoirs, votre arrivée sera bien évidemment chaleureuse, et oui bienvenue chez les fou est aussi le pseudo de ce forum.
Ici la première règle, c'est de ne respecter que vos propres règles. L'anarchie est le mot désignant bien notre vision du monde, ici, la vie est remplie de surprises ainsi que de secrets.</div>
    <div id="co_2" class="mon_contenu" style="display: none;">Et oui, nous pourrions aussi appeler ce lycée, la reproduction des Feux de l'Amour version Professeur et Elève ! Ici tromperies, amour interdits, histoires tragiques sont au rendez-vous. Laissez vous emporter par les histoires palpitantes d'Imitsu Gakuen. Qui sait, vous pourriez y trouvez le grand amour, ou du moins y croire ? </div>
    <div id="co_3" class="mon_contenu" style="display: none;">Joie de vivre et folie, toujours présent à Imitsu, avec vos Admin géniaux (oui oui les Dieux 8D), vous n'allez pas arrêter de rire à nos conneries hors du commun. Et oui, comme dit précedemment BIENVENUE CHEZ LES FOU 8D !</div>
  </div></div></div></td></tr></table>

<span><marquee behavior="scroll" direction="up" scrollamount="1" height="60"><div align="right"><a href="http://www.root-top.com/topsite/lyceerpg/in.php?ID=424"> <img src="http://img.root-top.com/topsite/lyceerpg/banner.gif" border="0" alt="top des lycees rpg" title="top des lycees rpg"> <br />Top des Lycées RPG</a>
<br>
<br>
<br>
+ Nouvelle décoration -mise en place d'un <a href="http://imitsu-gakuen.forumgratuit.org/t292-cote-deco-du-fofo?tid=075d85a4ba51f4c6d9543454f54754b2" class="postlink">sondage</a>
<br>
<br>
+ Nathou sale petit insensible èé </div>
<br>
<br>
<br>


 </div></div></div></td></table></tr>
</div><divclass="infobulle"><img src="http://i49.servimg.com/u/f49/15/99/63/09/00_bmp33.jpg"><span>•Notre psychologue <br></br><a href="http://imitsu-gakuen.forumgratuit.org/t271-envie-d-une-petite-consultation?tid=bb398ae6130ee57b74ecb0187989d34e" class="postlink">Sa demande d'RP</a><br></br><a href="http://imitsu-gakuen.forumgratuit.org/u40?tid=bb398ae6130ee57b74ecb0187989d34e" class="postlink">Sa fiche </a></span></div></td><td><div class="infobulle"><img src="http://i49.servimg.com/u/f49/15/99/63/09/00_bmp34.jpg"><span>•Notre Magnifique Princesse<br><br><a href="http://imitsu-gakuen.forumgratuit.org/t171-po-pi-po?tid=a469f770115fff6274ecb0187989d34e" class="postlink">Sa demande d'RP</a><br><br><a href="http://imitsu-gakuen.forumgratuit.org/u28?tid=a469f770115fff6274ecb0187989d34e" class="postlink">Sa fiche </a></span></div></td><td><div class="infobulle"><img src="http://i49.servimg.com/u/f49/15/99/63/09/00_bmp35.jpg"><span>•Notre truc Bleu ♥<br><br><a href="http://imitsu-gakuen.forumgratuit.org/t13-play-the-game?tid=a469f770115fff6274ecb0187989d34e" class="postlink">Sa demande d'RP</a><br><br><a href="http://imitsu-gakuen.forumgratuit.org/u5?tid=a469f770115fff6274ecb0187989d34e" class="postlink">Sa fiche</a></span></div></td></tr>
<tr><td><div class="infobulle"><img src="http://i49.servimg.com/u/f49/15/99/63/09/00_bmp36.jpg"><span>•Notre Star du forum<br><br><a href="http://imitsu-gakuen.forumgratuit.org/t16-cloud-strife-a-votre-service?tid=a469f770115fff6274ecb0187989d34e" class="postlink">Sa demande d'RP</a><br><br><a href="http://imitsu-gakuen.forumgratuit.org/u2?tid=a469f770115fff6274ecb0187989d34e" class="postlink">Sa fiche</a></span></div></td><td><div class="infobulle"><img src="http://i49.servimg.com/u/f49/15/99/63/09/0000017.jpg"><span>•Notre petite nouvelle<br>
<br><a href="http://imitsu-gakuen.forumgratuit.org/t310-la-poesie-renait-de-la-solitude-le-rp-n-attend-point-le-temps-qui-passe#8569" class="postlink">Sa demande d'RP</a><br>
<a href="http://imitsu-gakuen.forumgratuit.org/u32?tid=cda27d15d929fa11750197a5b94c9441" class="postlink<br><br><br><a href="http://imitsu-gakuen.forumgratuit.org/u44" class="postlink">Sa fiche</a></span></div></td><td><div class="infobulle"><img src="http://i49.servimg.com/u/f49/15/99/63/09/00_bmp41.jpg"><span>•Notre petit insensible chéri ♥<br>
<br><a href="http://imitsu-gakuen.forumgratuit.org/t218-1948-pm-on-passe-tous-par-ici-un-jour?tid=cda27d15d929fa11750197a5b94c9441" class="postlink">Sa demande d'RP</a><br>
<br><a href="http://imitsu-gakuen.forumgratuit.org/u32?tid=cda27d15d929fa11750197a5b94c9441" class="postlink">Sa fiche</a></span></div></td></tr></table></div>
</div>


et la feuille de CSS :

Code:

.mon_onglet{
  display: block;
  padding: 5px;
  margin: 4px;
  color: #000;
  background: #fff;
  border: 1px solid #000;}
 
.mon_onglet:hover{
  background: #b8efa1;}   
   
.mon_onglet_selected{
  display: block;
  padding: 5px;
  margin: 4px;
  color: #000;
  background: #fff;
  border: 1px solid #000;}
         
.clear{
  clear: both;}
 
.mon_contenu{
  color: #000;
  background: #fff;
  border: 1px solid #000;
  padding: 10px;
  margin: 10 px;
  height: 120px;
  line-height: normal;
  font-size: 11px;}
 
#mes_contenus, #mes_onglets{
  height: 100%;
  width:100%;}


 a { text-decoration: none; }

.infobulle{position: relative;z-index: 0;}
.infobulle:hover{background-color: transparent;z-index: 50;}
.infobulle span{
position: absolute;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}
 
.infobulle:hover span{
visibility: visible;
top: 0px;
left: 0px;
color:#FFFFFF;
border: 1px solid #fff;
background-image: url('http://i44.servimg.com/u/f44/16/64/78/25/opac510.png');
width: 100px;
height: 100px;}


.colorpicker {  width: 356px;  height: 176px;  overflow: hidden;  position: absolute;  background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);  font-family: Arial, Helvetica, sans-serif;  display: none;}.colorpicker_color {  width: 150px;  height: 150px;  left: 14px;  top: 13px;  position: absolute;  background: #f00;  overflow: hidden;  cursor: crosshair;}.colorpicker_color div {  position: absolute;  top: 0;  left: 0;  width: 150px;  height: 150px;  background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);}.colorpicker_color div div {  position: absolute;  top: 0;  left: 0;  width: 11px;  height: 11px;  overflow: hidden;  background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);  margin: -5px 0 0 -5px;}.colorpicker_hue {  position: absolute;  top: 13px;  left: 171px;  width: 35px;  height: 150px;  cursor: n-resize;}.colorpicker_hue div {  position: absolute;  width: 35px;  height: 9px;  overflow: hidden;  background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;  margin: -4px 0 0 0;  left: 0px;}.colorpicker_new_color {  position: absolute;  width: 60px;  height: 30px;  left: 213px;  top: 13px;  background: #f00;}.colorpicker_current_color {  position: absolute;  width: 60px;  height: 30px;  left: 283px;  top: 13px;  background: #f00;}.colorpicker input {  background-color: transparent;  border: 1px solid transparent;  position: absolute;  font-size: 10px;  font-family: Arial, Helvetica, sans-serif;  color: #898989;  top: 4px;  right: 11px;  text-align: right;  margin: 0;  padding: 0;  height: 11px;}.colorpicker_hex {  position: absolute;  width: 72px;  height: 22px;  background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;  left: 212px;  top: 142px;}.colorpicker_hex input {  right: 6px;}.colorpicker_field {  height: 22px;  width: 62px;  background-position: top;  position: absolute;}.colorpicker_field span {  position: absolute;  width: 12px;  height: 22px;  overflow: hidden;  top: 0;  right: 0;  cursor: n-resize;}.colorpicker_rgb_r {  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);  top: 52px;  left: 212px;}.colorpicker_rgb_g {  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);  top: 82px;  left: 212px;}.colorpicker_rgb_b {  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);  top: 112px;  left: 212px;}.colorpicker_hsb_h {  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);  top: 52px;  left: 282px;}.colorpicker_hsb_s {  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);  top: 82px;  left: 282px;}.colorpicker_hsb_b {  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);  top: 112px;  left: 282px;}.colorpicker_submit {  position: absolute;  width: 22px;  height: 22px;  background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;  left: 322px;  top: 142px;  overflow: hidden;}.colorpicker_focus {  background-position: center;}.colorpicker_hex.colorpicker_focus {  background-position: bottom;}.colorpicker_submit.colorpicker_focus {  background-position: bottom;}.colorpicker_slider {  background-position: bottom;}

[SoraNoHime]

Déjà repérez ici

Code:

</table></tr>
        </div><divclass="infobulle">

et changez le ainsi :

Code:

</table></tr><td>
        <div class="infobulle">

cela replacera l'infobulle sur l'image et l'image dans le tableau.

Cordialement.

[Iziie]

Merci beaucoup mais à présent ..

[SoraNoHime]

ceci c'est que vous avez laisser coller

Code:

<divclass="infobulle">

or dans mon exempe j'ai bien mis

Code:

<div class="infobulle">

avec un espace ^^

[Iziie]

Ahhh voilà !! Perfect ! Merci beaucoup !