problème infobulle PA

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

Résolu problème infobulle PA

Message par Pénélope Ranger le Mer 1 Déc 2010 - 11:10

Alors voilà, récemment j'ai rajouté un membre dans mon staff, je voulais le placer dans ma PA, j'ai réussi mais il est en dessous et j'arrive pas à mettre les deux images à côté :

http://miami-university.forumactif.org/forum.htm

Voilà le code de ma PA (partie staff) :
Spoiler:

Code:
<td rowspan="2" style="horizontal-align: top; width: 50%;" class="borsdarrondis"><span style="font-size:22px;">Membres du Staff</span><span style="font-size: 12px;"><blockquote><p style="color: Silver;"><div class="infobulle"><img src="http://i67.servimg.com/u/f67/15/57/49/08/leight11.png" border="0" alt="" /><span><i>Kelly.J Summers</i><br><strong>Fondatrice & Admin </strong><img src="http://obsession27.free.fr/gifs%20animes/gifleightonmeesterrose2.gif" border="0" alt="" /><a href="http://miami-university.forumactif.org/profile.forum?mode=viewprofile&u=1?sid=a9a6a26825f51a92aa7cb8570b85a643" class="postlink">Son profil </a><br><a href="http://miami-university.forumactif.org/msg.forum?mode=post&u=1?sid=a9a6a26825f51a92aa7cb8570b85a643" class="postlink">MP</a></span></div></p><div class="infobulle"><img src="http://i67.servimg.com/u/f67/15/57/49/08/jjjjuj10.jpg" border="0" alt="" /><span><i>Alexandra M. Williams</i><br><strong>Super Modo</strong><img src="http://obsession27.free.fr/gifs%20animes/gifhilaryduffb.gif" border="0" alt="" /><br><a href="http://miami-university.forumactif.org/profile.forum?mode=viewprofile&u=3" class="postlink">Son profil </a><br><a href="http://miami-university.forumactif.org/msg.forum?mode=post&u=3" class="postlink">MP</a></span></div></p></blockquote>
</a><br></font></div></span></td>

Pénélope Ranger
****

Messages : 270
Inscrit(e) le : 21/08/2010

http://ranch-sauvage-texas.forumactif.org
Pénélope Ranger a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème infobulle PA

Message par Anzu le Mer 1 Déc 2010 - 12:05


Bonjour,

C'est normal qu'elle ne s'affiche pas à côté. Il faut mettre chaque image dans un td. Donc l'image et l'infobulle de votre modérateur doit se trouver dans un autre td.

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème infobulle PA

Message par Pénélope Ranger le Mer 1 Déc 2010 - 12:10

grrrr j'arrive pas à le mettre =/

Pénélope Ranger
****

Messages : 270
Inscrit(e) le : 21/08/2010

http://ranch-sauvage-texas.forumactif.org
Pénélope Ranger a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème infobulle PA

Message par Anzu le Mer 1 Déc 2010 - 12:13


J'ai vu que vous aviez un <br /> dans votre code, entre les deux infobulles.
Retirez le, ca devrait fonctionner Razz

Si ca ne fonctionne pas, on fera autrement.


Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème infobulle PA

Message par Pénélope Ranger le Mer 1 Déc 2010 - 13:00

sa marche toujours pas =/

Pénélope Ranger
****

Messages : 270
Inscrit(e) le : 21/08/2010

http://ranch-sauvage-texas.forumactif.org
Pénélope Ranger a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème infobulle PA

Message par Anzu le Mer 1 Déc 2010 - 13:06

Mieux ? =>

Code:

<td rowspan="2" style="horizontal-align: top; width: 50%;" class="borsdarrondis"><span style="font-size:22px;">Membres du Staff</span><span style="font-size: 12px;"><blockquote><p style="color: Silver;"><table><tr><td><div class="infobulle"><img src="http://i67.servimg.com/u/f67/15/57/49/08/leight11.png" border="0" alt="" /><span><i>Kelly.J Summers</i><br><strong>Fondatrice & Admin </strong><img src="http://obsession27.free.fr/gifs%20animes/gifleightonmeesterrose2.gif" border="0" alt="" /><a href="http://miami-university.forumactif.org/profile.forum?mode=viewprofile&u=1?sid=a9a6a26825f51a92aa7cb8570b85a643" class="postlink">Son profil </a><br><a href="http://miami-university.forumactif.org/msg.forum?mode=post&u=1?sid=a9a6a26825f51a92aa7cb8570b85a643" class="postlink">MP</a></span></div></p><td><td><div class="infobulle"><img src="http://i67.servimg.com/u/f67/15/57/49/08/jjjjuj10.jpg" border="0" alt="" /><span><i>Alexandra M. Williams</i><br><strong>Super Modo</strong><img src="http://obsession27.free.fr/gifs%20animes/gifhilaryduffb.gif" border="0" alt="" /><br><a href="http://miami-university.forumactif.org/profile.forum?mode=viewprofile&u=3" class="postlink">Son profil </a><br><a href="http://miami-university.forumactif.org/msg.forum?mode=post&u=3" class="postlink">MP</a></span></div></p></blockquote>
</a></td></tr>/table><br></font></div></span></td>

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème infobulle PA

Message par Pénélope Ranger le Mer 1 Déc 2010 - 13:39

non pa du tout =/ regarder

Pénélope Ranger
****

Messages : 270
Inscrit(e) le : 21/08/2010

http://ranch-sauvage-texas.forumactif.org
Pénélope Ranger a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème infobulle PA

Message par Anzu le Mer 1 Déc 2010 - 14:19

Donnez moi le code en entier de votre Pa et votre CSS ca sera mieux =_=

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème infobulle PA

Message par Pénélope Ranger le Mer 1 Déc 2010 - 17:36

Css :
Spoiler:
Code:

/*I. FORUM & MESSAGES*/


/*A. Présentations des liens*/



a
{
font-family: calibri;
text-transform: uppercase;
TEXT-DECORATION: none; text-shadow: 1px 1px 1px #000;
}

a:hover
{
font-style: italic;
font-family: Courier New;
text-transform: lowercase;
}

a.forumlink
{
text-shadow: 1px 1px 1px #000;
}



/*V. BARRE NAVIGATION*/


a.mainmenu
{font-family: Impact;
font-size:11px;
letter-spacing: 1px;
background-color: #fbe3f6;
text-transform: capitalize;
text-decoration:none}

.mainmenu:hover {
font-family: Georgia;
text-shadow: #ffffff 1px 1px 1px;
font-size: 15px;
font-style:italic;
color: ;
background-color: #fbe3f6;
text-transform: capitalize;
text-decoration: none;
}




/*E. Contour Avatars*/

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border: 4px dashed #F7AFA3;
}

.postdetails.poster-profile textarea { width: 200px;}


.postprofile textarea {
  /* les bords de haut et de bas */
  border: 3px;
  /* la largeur, le type et la couleur du bord droit */
  border-left: 2px solid #22FF22;
  /* la largeur, le type et la couleur du bord droit */
  border-right: 2px solid #22FF22;
  /* ça doit être le rayon de l'arrondi */
  -moz-border-radius : 5px;
}


/*VI. FOND FIXE ET CENTRER*/

body {
background-repeat: no-repeat;
background-position: top center;
}


/*IV. QEEL*/




.groupes{
width: 300px;
background-color: #FFFFFF;
border: 0px dotted #362308;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-topleft: 15px;
}


.forumline{
 -moz-border-radius: 5px;
padding: 10px;
border-color: #fbe3f6;
border: 2px dashed;}


a.forumlink {

background-color: #transparent;
  text-shadow: #595959 1px 1px 1px;
  background-image: url('http://i33.tinypic.com/fjfexh.png');
color: #BDBDBD;
display: block;
font-family: GEORGIA;
font-size: 13px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
}

a.forumlink:hover{
background-color: #transparent;
  text-shadow: #635f5e 1px 1px 1px;
  background-image: url('http://i33.tinypic.com/fjfexh.png');
color: #fbe3f6;
display: block;
font-family: GEORGIA;
font-size: 13px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
 }


.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
border: 7px solid #121111;
}


/* Profil Masqué */
.profilmasque /*c'est juste le css du bouton*/
{
background-color: #couleur;
border: 1px dashed grey; /* en pointillée et en gris*/
font-size: 12px; /*taille de la police*/
letter-spacing: 1px;
}

.profil1/*c'est le css de l'ensemble bouton+profil*/
{
width: 200px;
background-color: #couleur;
border: none;
font-size: 12px;
letter-spacing: 1px;
font-weight: bold;
}

      .titrearrondi
    {-moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;

    background-color: #A68D88}

    .fondspec
    {-moz-border-radius: 2px 14px;
    border-radius: 2px 14px;
    -webkit-border-radius: 2px 14px;

    background-color: #A68D88; }



.borsdarrondis
{
 border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px;
 background-color: #967C6A;
border: 1px solid #DECDB6; }
#fondavatar{
background-color: #ffe4a8;
padding: 10px;
moz-border-radius: 10px;
}

#fondprofil{
background-color: #fbe3f6;
padding: 10px;
moz-border-radius: 10px;
}





.infobulle{position: relative;z-index: 0;}

.infobulle:hover{background-color: transparent;z-index: 50;}

.infobulle span{
position: absolute;
background-color: #000000;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}

.infobulle span img{border: 1px;padding: 5px;}

.infobulle:hover span{
visibility: visible;
top: 70px;
left: 35px;
width: 150px ;
color:#FFFFFF;
border: 1px outset #FFFFFF;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;}






.titresfora{-moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom: 0 none !important;
      border-left: 1px solid #B5AEA5;
      border-right: 1px solid #B5AEA5;
      border-top: 1px solid #B5AEA5;
      color: #000000;
      font-size: 11px;
      font-style: italic;
      height: 14px;
      left: 280px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;}

.categories{
      background-color: #B5AEA5;
      color: #000000;
      border: 3px solid #B5AEA5;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #000000;
      width: 50%;
      text-align: center;
      height: 14px;
      font-size: 11px;}

/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #000000;
      width: 90%;
      border: 3px solid #B5AEA5;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 12px;
}

/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
      -moz-border-radius: 20px;
      webkit-border-radius: 20px;
      border-radius: 20px;
      border: 3px solid #B5AEA5;
      color: #000000;
      font-size: 11px;
      font-style: italic;
      padding: 3px;
      text-align: center;
      }

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      color: #000000;
      border: 3px solid #B5AEA5;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #000000;
      width: 50%;
      text-align: center;
      height: 14px;
      font-size: 11px;
}


PA :
Spoiler:
Code:


<table style="position: fixed; bottom: 50px; left: 0px; z-index: 10000;"><tbody><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onclick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"></td></tr></tbody></table>

<table style="text-align: center; vertical-align:top; width: 800px; height: 400px;" border="1">
<tbody>
<tr>
<td colspan="2" style="vertical-align: top; width: 50%; height: 35%;" class="borsdarrondis"><span style="font-size:22px;">Contexte</span><span style="font-size: 12px;"><p style="color: Silver;">Vous êtes étudiant ? Vous rêvez de soleil, de faire la fête et tout sa en préparant vos études, heureusement, Miami University est là pour vous eh oui elle offre beaucoup de possibilités de vous éclatez !!!
Studieux, pom pom girls, plays boys et bien d'autres !!!</p>
<p style="color: Silver;">Dans ce RPG vous incarnerez un étudiant ou un habitant de Miami, ici tout est vu et entendu par ELLE, elle c'est Gossip Girl, vous la connaissez bien sûr, elle sait tout et aime que tout le monde la sache alors sur son blog elle publie tout : après ce qui est vrai ou pas saa c'est autre chose.... </p>
</a><br></font></div></span></td>

<td style="vertical-align: top; width: 50%; height: 35%;" class="borsdarrondis"><span style="font-size:22px;">Partenaires</span><br><span style="font-size: 12px;"><a href="http://02141-cambridge.keuf.net/forum.htm" class="postlink" target="_blank"><img src="http://img28.xooimage.com/files/8/7/7/bouton-two-2173fd7.gif" border="0" alt="" /></a></a></span></div> </p>
</a><br></font></div></span></td>
<br><br>
<a href="" class="postlink" target="_blank"><img src="" alt="" border="0"></a></td>
</tr>
<tr>
<td rowspan="2" style="horizontal-align: top; width: 50%;" class="borsdarrondis"><span style="font-size:22px;">Membres du Staff</span><span style="font-size: 12px;"><blockquote><p style="color: Silver;"><table><tr><td><div class="infobulle"><img src="http://i67.servimg.com/u/f67/15/57/49/08/leight11.png" border="0" alt="" /><span><i>Kelly.J Summers</i><br><strong>Fondatrice & Admin </strong><img src="http://obsession27.free.fr/gifs%20animes/gifleightonmeesterrose2.gif" border="0" alt="" /><a href="http://miami-university.forumactif.org/profile.forum?mode=viewprofile&u=1?sid=a9a6a26825f51a92aa7cb8570b85a643" class="postlink">Son profil </a><br><a href="http://miami-university.forumactif.org/msg.forum?mode=post&u=1?sid=a9a6a26825f51a92aa7cb8570b85a643" class="postlink">MP</a></span></div></p><td><td><div class="infobulle"><img src="http://i67.servimg.com/u/f67/15/57/49/08/jjjjuj10.jpg" border="0" alt="" /><span><i>Alexandra M. Williams</i><br><strong>Super Modo</strong><img src="http://obsession27.free.fr/gifs%20animes/gifhilaryduffb.gif" border="0" alt="" /><br><a href="http://miami-university.forumactif.org/profile.forum?mode=viewprofile&u=3" class="postlink">Son profil </a><br><a href="http://miami-university.forumactif.org/msg.forum?mode=post&u=3" class="postlink">MP</a></span></div></p></blockquote>
</a></td></tr>/table><br></font></div></span></td>

<td style="vertical-align: top;width: 23%; text-align: center;" class="borsdarrondis"><span style="font-size:22px;">We need them</span><br><br>

<a href="http://miami-university.forumactif.org/personnages-vacants-f22/the-girls-s-5-5-t37.htm#67?sid=a9e91f1e3faae85af50ab8361985f946" class="postlink"><img src="http://i67.servimg.com/u/f67/15/57/49/08/iconem10.jpg" border="0" alt="" /></a><a href="http://miami-university.forumactif.org/personnages-vacants-f22/the-girls-s-5-5-t37.htm#67?sid=a9e91f1e3faae85af50ab8361985f946" class="postlink"><img src="http://i67.servimg.com/u/f67/15/57/49/08/iconbl10.jpg" border="0" alt="" /></a><br><a href="http://miami-university.forumactif.org/personnages-vacants-f22/the-girls-s-5-5-t37.htm#67?sid=a9e91f1e3faae85af50ab8361985f946" class="postlink"><img src="http://i67.servimg.com/u/f67/15/57/49/08/iconde10.jpg" border="0" alt="" /></a><a href="http://miami-university.forumactif.org/personnages-vacants-f22/the-girls-s-5-5-t37.htm#67?sid=a9e91f1e3faae85af50ab8361985f946" class="postlink"><img src="http://i67.servimg.com/u/f67/15/57/49/08/iconse10.jpg" border="0" alt="" /></a>

</td>

<td style="vertical-align: top; text-align: center; width: 77%;" class="borsdarrondis"><span style="font-size:22px;">Top sites</span><br><br>
Voici trois top sites que je vous invites à aller voter le plus de fois possible pour permettre à ce forum de se faire connaître. Vous pouvez voter chaque top sites à un intervalle de deux heures entre chaque.<br><br>
<a href="http://www.root-top.com/topsite/korben/in.php?ID=10783" class="postlink" target="_blank"><img src="http://img529.imageshack.us/img529/4157/topsite1.gif" border="0" alt="" /></a> 
<a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=6870" class="postlink" target="_blank"><img src="http://img152.imageshack.us/img152/1154/topsite2.gif" border="0" alt="" /></a> 
<a href="http://www.root-top.com/topsite/melu/in.php?ID=3191" class="postlink" target="_blank"><img src="http://img132.imageshack.us/img132/3495/topsite3.gif" border="0" alt="" /></a>
</td>
</tr>
<tr>
<td colspan="2" style="vertical-align: top; width: 50%; height: 30%;" class="borsdarrondis"><span style="font-size:22px;">News & Annonces</span><br><br>
<span><marquee behavior="scroll" direction="up" scrollamount="1" height="60"><ul><li>Ouverture définitive du forum : 26 Décembre 2010</li></ul>
<ul><li>Inscriptions ouvertes </li></ul>
<ul><li>Nombreux postes vacants libres</li></ul>
<ul><li>Recherche 2 modos, actifs.</li></ul></marquee></span>
</td>
</tr>
</tbody>
</table>

Pénélope Ranger
****

Messages : 270
Inscrit(e) le : 21/08/2010

http://ranch-sauvage-texas.forumactif.org
Pénélope Ranger a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème infobulle PA

Message par Anzu le Mer 1 Déc 2010 - 17:41

=>

Code:
<td rowspan="2" style="horizontal-align: top; width: 50%;" class="borsdarrondis"><span style="font-size:22px;">Membres du Staff</span><span style="font-size: 12px;"><blockquote><p style="color: Silver;"><table><tr><td><div class="infobulle"><img src="http://i67.servimg.com/u/f67/15/57/49/08/leight11.png" border="0" alt="" /><span><i>Kelly.J Summers</i><br><strong>Fondatrice & Admin </strong><img src="http://obsession27.free.fr/gifs%20animes/gifleightonmeesterrose2.gif" border="0" alt="" /><a href="http://miami-university.forumactif.org/profile.forum?mode=viewprofile&u=1?sid=a9a6a26825f51a92aa7cb8570b85a643" class="postlink">Son profil </a><br><a href="http://miami-university.forumactif.org/msg.forum?mode=post&u=1?sid=a9a6a26825f51a92aa7cb8570b85a643" class="postlink">MP</a></span></div></p><td><td><div class="infobulle"><img src="http://i67.servimg.com/u/f67/15/57/49/08/jjjjuj10.jpg" border="0" alt="" /><span><i>Alexandra M. Williams</i><br><strong>Super Modo</strong><img src="http://obsession27.free.fr/gifs%20animes/gifhilaryduffb.gif" border="0" alt="" /><br><a href="http://miami-university.forumactif.org/profile.forum?mode=viewprofile&u=3" class="postlink">Son profil </a><br><a href="http://miami-university.forumactif.org/msg.forum?mode=post&u=3" class="postlink">MP</a></span></div></p></blockquote>
</a></td></tr></table><br></font></div></span></td>

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème infobulle PA

Message par Pénélope Ranger le Mer 1 Déc 2010 - 17:44

merci beaucoup =)

Pénélope Ranger
****

Messages : 270
Inscrit(e) le : 21/08/2010

http://ranch-sauvage-texas.forumactif.org
Pénélope Ranger 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