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

Problème de Tableau avec infobulle

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

Résolu Problème de Tableau avec infobulle

Message par S.K.Em le Ven 8 Juil 2011 - 9:21

Bonjour ^^

Voilà j'ai pas mal cherché histoire de ne pas faire de post et de réussir à me débrouiller mais malheureusement j'arrive à rien^^'''.

J'ai un soucis avec un tableau je souhaiterais mettre les 4 membres du staff en infobulle mais seulement trois images intègrent le tableau --"

Je vous montre, l'image parle d'elle même:

Spoiler:


Je vous donne le lien du forum, un forum test, je suis la fondatrice et je suis en phpBB2 (subsilver)

http://testdesignxxx.forumactif.org/

Voici les codes:

Code CSS

Code:
--> début qeel
.actif { /*Onglet survolé*/
bold;text-align:center;
background-color : #FFFFFF;
}
.statistiques{
bold;text-align:center;
border:0px;
background-image: url("http://i51.tinypic.com/ina0l3.jpg");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
bold;text-align:center;
text-decoration: none !important;}
--> fin qeel

-->
forumline
{
-moz-border-radius:15px;
-webkit-border-radius:15px;
-ô-border-radius:15px;
-khtml-border-radius:15px;
border-radius:15px;
}
 .forumline{  -moz-border-radius: 10px;}
.barre-nav {
text-align:center; /* pour centrer le contenu de la barre */
}

.mainmenu{
color:#888888; /* donner une couleur aux liens */
}
.barre-nav {
  text-align:center; /* pour centrer le contenu de la barre */

  background:#e8e6e6; /*fond de la barre de navigation*/
  border: 1px dotted #000000; /*bordure : épaisseur, style, couleur*/
  text-shadow: 0px 0px 3px #000000; /*ombrage du texte*/
  padding: 6px; /* marge interieure */
  margin:4px; /* marge exterieure */
 
  /*arrondir la bordure*/
  -moz-border-radius: 15px; /* pour mozilla firefox */}
a:hover{text-decoration: none !important;}
a {text-decoration: none !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover{
    text-decoration: none !important;
    }
.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 #888888;
      border-right: 1px solid #888888;
      border-top: 1px solid #888888;
      color: #000000;
      font-size: 11px;
      font-style: italic;
      height: 14px;
      left: 280px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;}
.categories{
      background-color: #000000;
      border: 3px solid #888888;
      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: #bfb8ba;
      width: 50%;
      text-align: center;
      height: 14px;
      font-size: 11px;}



/*--- 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 #888888;
      color: #ffffff;
      font-size: 11px;
      font-style: italic;
      padding: 3px;
      text-align: center;
      }

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      color:#CC0033 ;
      border: 3px solid #888888;
      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: #888888;
      width: 50%;
      text-align: center;
      height: 14px;
      font-size: 11px;

}
a.forumlink {
text-align: center;
}/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #F5A95D;
      width: 90%;
      border: 3px solid #888888;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 12px;
}
body.chatbox
background-image: url('http://i52.tinypic.com/6ogak0.jpg');

body.chatbox {
    background-color: #000000;
}

/*DEBUT PA*/


.titrebienvenue {
    display:block;
    color: #FFFFFF;
    text-transform:uppercase;
}

.usernamebienvenue {
    display:block;
    color: #FFFFFF;
    text-transform:uppercase;
    font-size: 25px
}

.cell {
text-align:center;
padding:5px;
vertical-align:top;
}

/*INFOBULLE*/
/*----- INFOBULLES ------*/

a.imginfo span {
  display: none;
}

a.imginfo:hover {
  background: none;
  z-index: 999;
  cursor: help;
}

a.imginfo:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  top: 1020px;
  left: 450px;
  background: white;
  color: 7d7d7d;
  padding: 3px;
  border: 3px solid #b6b6b6;
}
/*FIN INFOBULLE*/

/*TITRE ET LIENS*/

#nav {
width:200px;
list-style:none;
margin:0;
padding:0;

}

#nav li {
background: #878787 ;
color: #ffffff ;
border: 1px solid #600 ;
margin-bottom: 1px ;
-moz-border-radius: 10px;
-webkit-border-radius:10px;
}

#nav li a {
display:block;
background: #878787;
color: #FFFFFF ;
font: 1em "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
text-align: center ;
text-decoration: none ;
padding: 4px 0 ;
-moz-border-radius: 10px;
-webkit-border-radius:10px;
}

#nav li a:hover, #navigation li a:focus, #navigation li a:active {
background: #450000;
}

.titre {
display:block;
background: #878787;
color: #ffffff ;
font: 1em "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
text-align: center ;
text-decoration: none ;
padding: 4px 0 ;
border: 1px solid #600 ;
-moz-border-radius: 10px;
-webkit-border-radius:10px;
}

/*FIN TITRE ET LIENS*/
.titrefiche {
  background-color: #couleur;
  color: #couleur;
  font-size: 20px;
  text-align: center;
}

.question {
  font-weight: bold;
  border-bottom: 1px solid #couleur;
}
.forumline {
border: 9px solid #C75279 !important ;

}
.bodyline
{border-left: 10px #C75279  solid;
border-right: 10px #C75279 solid;}
-->
.decor{
background-image: url("http://www.backgroundlabs.com/backgrounds/89.jpg");
border: 10px solid #C75279;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
padding: 5px;
text-align: center;}


  div.infobulle {
position: relative;
}

div.infobulle span {
display: none;
}

div.infobulle:hover {
background: #FFFFFF;
z-index: 999;
}

div.infobulle:hover span {
display: inline;
position: absolute;

white-space: nowrap;

top: 60px;
left: 60px;

background-image: url();

background: #000000;
color: #FFFFFF;
padding: 3px;


border: 1px solid #000000;
-moz-border-radius: 10px;
-webkit-border-radius:10px;
}

Et le HTML du tableau

Code:
<TABLE BORDER=1 CELLSPACING=2 CELLPADDING=1>
<CAPTION ALIGN=TOP>titre du tableau</CAPTION>
<TR ALIGN=LEFT VALIGN=TOP></TR>
<tr><td>  <div class="infobulle"><img src="http://i54.tinypic.com/noscno.jpg" alt="Asmé" />
  <span>
    <div class="titre"><img src="http://i55.tinypic.com/2hnp1zk.jpg" border="0" alt="" /></div>
  [url=http://lunerouge.bb-fr.com/u2] Asmée- Co-Admin[/url]</td>
<td>
  <div class="infobulle"><img src="http://i51.tinypic.com/25yupo7.jpg" alt="Emerick" />
  <span>
    <div class="titre"><img src="http://i51.tinypic.com/30us8aq.jpg" border="0" alt="" /></div>
  [url=http://lunerouge.bb-fr.com/u4]  Emerick- Co-Admin[/url]</div></td>
<td>
  <div class="infobulle"><img src="http://i52.tinypic.com/zwydzs.jpg" alt="Julian" />
  <span>
    <div class="titre"><img src="http://i53.tinypic.com/35m173d.jpg" border="0" alt="" /></div>
  [url=http://lunerouge.bb-fr.com/u3]  Julian- Co-Admin[/url]</td></tr>
<span>
 <div class="infobulle"><img src="http://i51.tinypic.com/2u92wdi.jpg" alt="Elial" />
  <span>
    <div class="titre"><img src="http://i53.tinypic.com/15nps0h.jpg" border="0" alt="" /></div>
[url=http://lunerouge.bb-fr.com/u1]Elial-Fondateur[/url]</td></tr></span></table>

C'est peut être une simple erreur au niveau d'une balise mais je trouve vraiment pas^^''''.

merci de bien vouloir m'aider =)


Dernière édition par S.K.Em le Ven 8 Juil 2011 - 10:45, édité 1 fois

S.K.Em
Nouveau membre

Féminin
Messages : 15
Inscrit(e) le : 26/04/2011

http://lunerouge.bb-fr.com/
S.K.Em a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Tableau avec infobulle

Message par Lixyr le Ven 8 Juil 2011 - 10:05

Bonjour. Vous avez oublié de réouvrir une cellule.

Comme ça, ça vous va ?

Code:
    <TABLE BORDER=1 CELLSPACING=2 CELLPADDING=1>
    <CAPTION ALIGN=TOP>titre du tableau</CAPTION>
    <tr><td>  <div class="infobulle"><img src="http://i54.tinypic.com/noscno.jpg" alt="Asmé" />
      <span>
        <div class="titre"><img src="http://i55.tinypic.com/2hnp1zk.jpg" border="0" alt="" /></div>
      <a href="http://lunerouge.bb-fr.com/u2" class="postlink" target="_blank" rel="nofollow"> Asmée- Co-Admin</a></td>
    <td>
      <div class="infobulle"><img src="http://i51.tinypic.com/25yupo7.jpg" alt="Emerick" />
      <span>
        <div class="titre"><img src="http://i51.tinypic.com/30us8aq.jpg" border="0" alt="" /></div>
      <a href="http://lunerouge.bb-fr.com/u4" class="postlink" target="_blank" rel="nofollow">  Emerick- Co-Admin</a></div></td>
    <td>
      <div class="infobulle"><img src="http://i52.tinypic.com/zwydzs.jpg" alt="Julian" />
      <span>
        <div class="titre"><img src="http://i53.tinypic.com/35m173d.jpg" border="0" alt="" /></div>
      <a href="http://lunerouge.bb-fr.com/u3" class="postlink" target="_blank" rel="nofollow">  Julian- Co-Admin</a></td>
<td>
    <span>
    <div class="infobulle"><img src="http://i51.tinypic.com/2u92wdi.jpg" alt="Elial" />
      <span>
        <div class="titre"><img src="http://i53.tinypic.com/15nps0h.jpg" border="0" alt="" /></div>
    <a href="http://lunerouge.bb-fr.com/u1" class="postlink" target="_blank" rel="nofollow">Elial-Fondateur</a></td></tr></span></table>


EN PRÉSENCE RÉDUITE LA SEMAINE - RÉPOND AUX MP
avatar

Lixyr
Aidactive
Aidactive

Féminin
Messages : 6183
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Tableau avec infobulle

Message par S.K.Em le Ven 8 Juil 2011 - 10:12

Hann u___U

Merci bien et dire que je me casse la tête depuis deux jours là dessus, merci beaucoup Lixyr Yrna^^

Problème résolus ^__^

S.K.Em
Nouveau membre

Féminin
Messages : 15
Inscrit(e) le : 26/04/2011

http://lunerouge.bb-fr.com/
S.K.Em a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de Tableau avec infobulle

Message par Invité le Ven 8 Juil 2011 - 10:27

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
avatar

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