Centrage infobulle.

2 participants

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

Résolu Centrage infobulle.

Message par Lessien0409 Mar 9 Aoû 2011 - 19:42

Bonjour, j'ai deux légers problèmes sur ma PA un avec mes infobulles, elle ne sont pas bien centrées, et ont des distances différentes :
Spoiler:
Mon autre problème est que les titres des différentes parties sont barrés par les contours, or sur le tuto que j'ai lu, ils ne doivent pas être barrés. J'ai relu le tuto dans les moindres détails, mais je ne trouve pas le problème, voici ce que ça donne :
Spoiler:
Si quelqu'un a solution pour l'un ou les deux problèmes, je vous en serais reconnaissante.
Merci d'avance.


Dernière édition par Lessien0409 le Jeu 11 Aoû 2011 - 16:07, édité 1 fois
Lessien0409

Lessien0409
*

Féminin
Messages : 40
Inscrit(e) le : 07/05/2011

http://magicelfes.forumgratuit.org
Lessien0409 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage infobulle.

Message par SoraNoHime Mer 10 Aoû 2011 - 15:10

Bonjour,

pouvez-vous me fournir :
- le lien du tuto en question ( reflexion bizarre comme ce tableau me dit quelque chose)
- le code de votre page d'acceuil
- la css qui va avec.

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Centrage infobulle.

Message par Lessien0409 Mer 10 Aoû 2011 - 16:53

Ce tableau est un des vôtre ^^, j'ai juste modifié quelques infos, et rajoutés quelques trucs. Le lien : https://forum.forumactif.com/t309668-aide-pour-la-creation-d-une-page-d-accueil?highlight=Page+d+acceuil
Ma PA :
Code:
<div style= "text-shadow: 1px 1px 1px"><table width="100%" cellspacing="15">
<tr>
<td colspan="2" class="pacontext" valign="top"><div class="ticontext"><font color="white"><font face="Verdana"><u><strong>Contexte</strong></u></font></font></div>
<!-- Début Contexte --><div style="margin:auto;text-align:center;width:100%"><font color="black"><font face="Verdana"><i>Au fin fond d'une forêt, loin de tous êtres humains, vivent les Magics Elfes. Au commencement, des Elfes s'éloignèrent des autres races pour former quatre Clans avec un élément approprié :

Celui du pouvoir de l'eau : Watersea.
Celui du pouvoir de la terre : Naturaltree.
Celui du pouvoir de l'air : Windcoulds.
Et celui du pouvoir du feu : Firembers.

Les temps étaient pleins de vie et de joie, mais certains membres de Clan agissaient bizarrement, il ne contrôlaient pas l'eau, la terre, le vent ou bien le feu. Non. Ils contrôlaient la foudre, l'électricité. Leur force était dérangeante, ils avaient soif de pouvoir et de sang. Ils furent chassés après un conseil des Chefs. Le Clan pris le nom " Bloodsolitary " nul ne connaissait l'origine de se nom, mais il fut accepté. Quelques lunes plus tard, une lettre fut envoyée par le Chef des Bloodsolitary pour pouvoir accéder au conseil des Chefs. Le Chef du promettre que son Clans se calmerait et il pourra accéder au conseil. Les membres de ce Clan si sanguinaires acceptèrent avec dégout, la solitude avait eu raison de ce Clan... Les lunes passèrent, de nouveaux Chefs furent nommés.

Watersea : Legolas
Naturaltree : Lessien
Windcoulds : Ireth
Firembers : Schayna
Bloodsolitary : Buffy.

Les Clans n'attendent que vous, quel rôle aurez vous, Apprentis Mages, Mages, Apprentis Soldiers, Soldiers, Lieutenant, Chef ?

Et vous quel Clans rejoindrez vous ? </i></font></font></div>

<!-- Fin Contexte -->
</td>
<td width="33%" class="paparten" valign="top"><div class="tiparten"><font color="white"><font face="Verdana"><u><strong>Partenaires</strong></u></font></font></div>
    <!-- Début Partenaires -->

<a href="http://neko-vs-elfes.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img<br>
<a href="http://the-last-world.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i21.servimg.com/u/f21/15/01/65/45/bouton14.jpg" border="0" alt="" /></a>
<a href="http://unites-by-the-fate.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i28.servimg.com/u/f28/13/68/67/59/bouton10.jpg" border="0" alt="" /></a>
<a href="http://harry-potter.forumdefans.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://illiweb.com/fa/pbucket.gif" border="0" alt="" /></a>
<a href="http://rpg-fma.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i25.servimg.com/u/f25/13/35/27/10/bannia10.gif" border="0" alt="" /></a>
<a href="http://legendoftheseeker.site.cx/" class="postlink" target="_blank" rel="nofollow"></a><a href="http://legendoftheseeker.site.cx/" class="postlink" target="_blank" rel="nofollow"><img src="http://img683.imageshack.us/img683/7873/yyyyr.gif" border="0" alt="" /></a>

<a href="http://narnialand.superforum.fr/" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa16.casimages.com/img/2010/07/25/100725010352375118.png" border="0" alt="" /></a><br><a href="http://planetofiltre.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa19.casimages.com/img/2010/09/29/100929062655446945.png" border="0" alt="" /></a> <a href="http://anapneohprpg.forums-actifs.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://i25.servimg.com/u/f25/14/15/43/31/icone10.png" border="0" alt="" /></a>


<!-- Fin Partenaire -->
</td>
</tr><tr>
<td colspan="2" class="pastaff" valign="top"><div class="tistaff"><font color="white"><font face="Verdana"><u><strong>Staff</strong></u></font></font></div>
<!-- Début Staff --><div style="margin:auto;text-align:center;width:100%"><table width="100%"><tr>
<td width="50%">
  <div class="infobulle">
  <img src="http://www.hostingpics.net/thumbs/88/65/00/mini_886500staffLes.jpg">
<span>Lessien, votre Fonda et Admin préféré ;p </span></div>
</td width="50%">
<td>
  <div class="infobulle">
  <img src="http://www.hostingpics.net/thumbs/69/74/35/mini_697435lego.jpg">
<span>Legolas, notre très chère Admin Graphiste ;p</span></div>
</td width="50%">
<td>
  <div class="infobulle">
  <img src="http://www.hostingpics.net/thumbs/77/78/71/mini_777871buffy.jpg" class="postlink" target="_blank" rel="nofollow">
<span> Buffy notre précieuse Modératrice ;p</span></div>
</td>
</tr></table></div>

<!-- Fin Staff -->
</td>
<td rowspan="2" class="padernews" valign="top"><div class="tidernews"><span style="font-size: 24px; line-height: normal"><font color="red"><font face="Verdana"><u><strong>News</strong></u></font></font></span></div>
<!-- Début News --><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 18px; line-height: normal"><u>Attention élections de modérateur en cours, si vous voulez participez, inscrivez vous ! </u></font><br><font color="darkred"> Le nouveau design a été créé et mis en place par Légolas. Merci de respecter son travail et de ne pas faire de plagiat. C'est puni par la loi ! Sur ce: Bon jeu à tous !</font><br><br></span></div>

<!-- Fin News -->
</td>
</tr><tr>
<td width="44%" class="paliens" valign="top"><div class="tiliens"><font color="white"><font face="Verdana"><u><strong>Lien importants</strong></u></font></font></div>
<!-- Début Liens --><div style="margin:auto;text-align:center;width:100%"><a href="http://magicelfes.forumgratuit.org/f3-reglements">Réglement</a><br/>
<a href="http://magicelfes.forumgratuit.org/f4-cartes-didentites">Présentation</a><br/>
<a href="http://magicelfes.forumgratuit.org/f39-demande-de-partenariat-et-lien-de-ce-fow">Partenariat</a><br/>
<a href="http://magicelfes.forumgratuit.org/f42-annonces">Annonces & Projets</a><br/>
<a href="http://magicelfes.forumgratuit.org/f40-elections">Elections</a></div>

<!-- Fin Liens -->
</td>
<td width="22%" class="pacredit" valign="top"><div class="ticcredit"><font color="white"><font face="Verdana"><u><strong>Song ♫</strong></u></font></font></div>
<!-- Début --><div style="margin:auto;text-align:center;width:100%">One Last Shot de Pirates des Caraïbes :D :</strong></div></span></font>

<object type="application/x-shockwave-flash" data="http://www.archive-host.com/dewplayer2.swf?mp3=http://www.archive-host.com/files/1098331/d2e421c18b2b7f9edc2f32d05284fcadad96629e/Pirates_of_the_Caribbean_-_Soundtrack_14_-_One_Last_Shot.mp3&autostart=0&autoreplay=1&showtime=1" width="200" height="20"><param name="movie" value="http://www.archive-host.com/dewplayer2.swf?mp3=http://www.archive-host.com/files/1098331/d2e421c18b2b7f9edc2f32d05284fcadad96629e/Pirates_of_the_Caribbean_-_Soundtrack_14_-_One_Last_Shot.mp3&autostart=0&autoreplay=1&showtime=1" /></object></div>

<!-- Fin -->
</td>
</tr></table></div>

Et mon CSS :
Code:
.infobulle{
    position: relative;
    z-index: 0;}

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

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

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

    .infobulle:hover span{
    visibility: visible;
    top: 70px;
    left: 35px;
    width: 200px ;
    color:#FFFFFF;
    border: 1px solid #FFFFFF;}

Merci de prendre le temps de traiter mon problème. Cordialement.
Lessien0409

Lessien0409
*

Féminin
Messages : 40
Inscrit(e) le : 07/05/2011

http://magicelfes.forumgratuit.org
Lessien0409 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage infobulle.

Message par SoraNoHime Jeu 11 Aoû 2011 - 2:26

Pour vos infobulles, c'est un problème de pourcentage dans le code, repérez au niveau des infobulles les 3
Code:
<td width="50%">

remplacez les 50% par deux de 33% et un de 34%. Tout simplement parce que la totalité des cellules doit faire 100% (2x50 comme dans le tuto, ou 33+33+34)

pour votre second problème, il me faudrait le reste de votre css pour ce tableau.

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Centrage infobulle.

Message par Lessien0409 Jeu 11 Aoû 2011 - 12:24

Mon premier problème est résolu Merci ^^ Pour le deuxième voici mon CSS :
Code:
 /*cadre contexte*/
    .pacontext {
    border : 1px solid #000000;
    }

    /*cadre partenaire*/
    .paparten {
    border : 1px solid #000000;
    }

    /*cadre staff*/
    .pastaff {
    border : 1px solid #000000;
    }

    /*cadre news*/
    .padernews {
    border : 1px solid #000000;
    }

    /*cadre liens*/
    .paliens {
    border : 1px solid #000000;
    }

    /*cadre credit*/
    .pacredit {
    border : 1px solid #000000;
    }

    /*titre contexte*/
    .ticontext {
    margin-left : 10px;
    position : relative;
    bottom : 10px;
    }

    /*titre partenaire*/
    .tiparten {
    margin-left : 10px;
    position : relative;
    bottom : 10px;
    }

    /*titre staff*/
    .tistaff {
    margin-left : 10px;
    position : relative;
    bottom : 10px;
    }

    /*titre news*/
    .tidernews {
    margin-left : 10px;
    position : relative;
    bottom : 10px;
    }

    /*titre liens*/
    .tiliens {
    margin-left : 10px;
    position : relative;
    bottom : 10px;
    }

    /*titre credit*/
    .ticcredit {
    margin-left : 10px;
    position : relative;
    bottom : 10px;
    }
Cordialement.
Lessien0409

Lessien0409
*

Féminin
Messages : 40
Inscrit(e) le : 07/05/2011

http://magicelfes.forumgratuit.org
Lessien0409 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage infobulle.

Message par SoraNoHime Jeu 11 Aoû 2011 - 13:26

En fait, il vous manque un background derrière les titres de votre tableau. simplifier votre css en la modifiant comme ceci ^^

/*cadres*/
.pacontext, .paparten, .pastaff, .padernews, .paliens, .pacredit {
border : 1px solid #000000;
}

/*titres*/
.ticontext, .tiparten, .tistaff, .tidernews, .tiliens, .ticcredit {
background-color : #ffffff;
margin-left : 10px;
position : relative;
bottom : 10px;
}

et changez la partie en rouge qui correspond au background manquant, par la couleur de fond de votre tableau.

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Centrage infobulle.

Message par Lessien0409 Jeu 11 Aoû 2011 - 14:18

J'ai changé mes CSS comme indiqué mais maintenant ça me donne ça :

Spoiler:

Voici mon CSS modifié :

Code:
/*cadres contexte*/
.pacontext, .paparten, .pastaff, .padernews, .paliens, .pacredit {
border : 1px solid #000000;
}

    /*cadres partenaire*/
.pacontext, .paparten, .pastaff, .padernews, .paliens, .pacredit {
border : 1px solid #000000;
}

    /*cadres staff*/
.pacontext, .paparten, .pastaff, .padernews, .paliens, .pacredit {
border : 1px solid #000000;
}

    /*cadres news*/
.pacontext, .paparten, .pastaff, .padernews, .paliens, .pacredit {
border : 1px solid #000000;
}

  /*cadres lien*/
.pacontext, .paparten, .pastaff, .padernews, .paliens, .pacredit {
border : 1px solid #000000;
}

    /*cadres credit*/
.pacontext, .paparten, .pastaff, .padernews, .paliens, .pacredit {
border : 1px solid #000000;
}

    /*titres contexte*/
.ticontext, .tiparten, .tistaff, .tidernews, .tiliens, .ticcredit {
background-color : #4C8FBF;
margin-left : 10px;
position : relative;
bottom : 10px;
}

    /*titres partenaire*/
.ticontext, .tiparten, .tistaff, .tidernews, .tiliens, .ticcredit {
background-color : #4C8FBF;
margin-left : 10px;
position : relative;
bottom : 10px;
}
/*titres staff*/
.ticontext, .tiparten, .tistaff, .tidernews, .tiliens, .ticcredit {
background-color : #4C8FBF;
margin-left : 10px;
position : relative;
bottom : 10px;
}

    /*titres news*/
.ticontext, .tiparten, .tistaff, .tidernews, .tiliens, .ticcredit {
background-color : #4C8FBF;
margin-left : 10px;
position : relative;
bottom : 10px;
}

    /*titres liens*/
.ticontext, .tiparten, .tistaff, .tidernews, .tiliens, .ticcredit {
background-color : #4C8FBF;
margin-left : 10px;
position : relative;
bottom : 10px;
}

    /*titres credit*/
.ticontext, .tiparten, .tistaff, .tidernews, .tiliens, .ticcredit {
background-color : #4C8FBF;
margin-left : 10px;
position : relative;
bottom : 10px;
}

Cordialement.
Lessien0409

Lessien0409
*

Féminin
Messages : 40
Inscrit(e) le : 07/05/2011

http://magicelfes.forumgratuit.org
Lessien0409 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage infobulle.

Message par SoraNoHime Jeu 11 Aoû 2011 - 14:19

Vous m'avez mal comprise ^^

enlever toute la css s'y rapportant et changez la par celle que je vous ai donné.

Je vous ai simplifié en fait le code.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Centrage infobulle.

Message par Lessien0409 Jeu 11 Aoû 2011 - 15:39

Ça ne marche pas /: J'ai enlevé tout le CSS que je vous avait donné plus haut, je l'ai remplacer par le code que vous m'avez donné. Puis j'ai changé le rouge par la couleur de fond de ma PA. Mais cela ne change pas ... Je me demandais si ce n'était pas un problème par rapport aux infobulles ?
Lessien0409

Lessien0409
*

Féminin
Messages : 40
Inscrit(e) le : 07/05/2011

http://magicelfes.forumgratuit.org
Lessien0409 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage infobulle.

Message par SoraNoHime Jeu 11 Aoû 2011 - 15:58

Essayez ceci :

Code:
    <div style= "text-shadow: 1px 1px 1px"><table width="100%" cellspacing="15">
    <tr>
    <td colspan="2" class="pacontext" valign="top"><span class="ticontext"><font color="white"><font face="Verdana"><u><strong>Contexte</strong></u></font></font></span>
    <!-- Début Contexte --><div style="margin:auto;text-align:center;width:100%"><font color="black"><font face="Verdana"><i>Au fin fond d'une forêt, loin de tous êtres humains, vivent les Magics Elfes. Au commencement, des Elfes s'éloignèrent des autres races pour former quatre Clans avec un élément approprié :

    Celui du pouvoir de l'eau : Watersea.
    Celui du pouvoir de la terre : Naturaltree.
    Celui du pouvoir de l'air : Windcoulds.
    Et celui du pouvoir du feu : Firembers.

    Les temps étaient pleins de vie et de joie, mais certains membres de Clan agissaient bizarrement, il ne contrôlaient pas l'eau, la terre, le vent ou bien le feu. Non. Ils contrôlaient la foudre, l'électricité. Leur force était dérangeante, ils avaient soif de pouvoir et de sang. Ils furent chassés après un conseil des Chefs. Le Clan pris le nom " Bloodsolitary " nul ne connaissait l'origine de se nom, mais il fut accepté. Quelques lunes plus tard, une lettre fut envoyée par le Chef des Bloodsolitary pour pouvoir accéder au conseil des Chefs. Le Chef du promettre que son Clans se calmerait et il pourra accéder au conseil. Les membres de ce Clan si sanguinaires acceptèrent avec dégout, la solitude avait eu raison de ce Clan... Les lunes passèrent, de nouveaux Chefs furent nommés.

    Watersea : Legolas
    Naturaltree : Lessien
    Windcoulds : Ireth
    Firembers : Schayna
    Bloodsolitary : Buffy.

    Les Clans n'attendent que vous, quel rôle aurez vous, Apprentis Mages, Mages, Apprentis Soldiers, Soldiers, Lieutenant, Chef ?

    Et vous quel Clans rejoindrez vous ? </i></font></font></div>

    <!-- Fin Contexte -->
    </td>
    <td width="33%" class="paparten" valign="top"><span class="tiparten"><font color="white"><font face="Verdana"><u><strong>Partenaires</strong></u></font></font></span><br/>
        <!-- Début Partenaires -->

    <a href="http://neko-vs-elfes.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img<br>
    <a href="http://the-last-world.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i21.servimg.com/u/f21/15/01/65/45/bouton14.jpg" border="0" alt="" /></a>
    <a href="http://unites-by-the-fate.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i28.servimg.com/u/f28/13/68/67/59/bouton10.jpg" border="0" alt="" /></a>
    <a href="http://harry-potter.forumdefans.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://illiweb.com/fa/pbucket.gif" border="0" alt="" /></a>
    <a href="http://rpg-fma.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i25.servimg.com/u/f25/13/35/27/10/bannia10.gif" border="0" alt="" /></a>
    <a href="http://legendoftheseeker.site.cx/" class="postlink" target="_blank" rel="nofollow"></a><a href="http://legendoftheseeker.site.cx/" class="postlink" target="_blank" rel="nofollow"><img src="http://img683.imageshack.us/img683/7873/yyyyr.gif" border="0" alt="" /></a>

    <a href="http://narnialand.superforum.fr/" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa16.casimages.com/img/2010/07/25/100725010352375118.png" border="0" alt="" /></a><br><a href="http://planetofiltre.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa19.casimages.com/img/2010/09/29/100929062655446945.png" border="0" alt="" /></a> <a href="http://anapneohprpg.forums-actifs.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://i25.servimg.com/u/f25/14/15/43/31/icone10.png" border="0" alt="" /></a>


    <!-- Fin Partenaire -->
    </td>
    </tr><tr>
    <td colspan="2" class="pastaff" valign="top"><span class="tistaff"><font color="white"><font face="Verdana"><u><strong>Staff</strong></u></font></font></span>
    <!-- Début Staff --><div style="margin:auto;text-align:center;width:100%"><table width="100%"><tr>
    <td width="50%">
      <div class="infobulle">
      <img src="http://www.hostingpics.net/thumbs/88/65/00/mini_886500staffLes.jpg">
    <span>Lessien, votre Fonda et Admin préféré ;p </span></div>
    </td width="50%">
    <td>
      <div class="infobulle">
      <img src="http://www.hostingpics.net/thumbs/69/74/35/mini_697435lego.jpg">
    <span>Legolas, notre très chère Admin Graphiste ;p</span></div>
    </td width="50%">
    <td>
      <div class="infobulle">
      <img src="http://www.hostingpics.net/thumbs/77/78/71/mini_777871buffy.jpg" class="postlink" target="_blank" rel="nofollow">
    <span> Buffy notre précieuse Modératrice ;p</span></div>
    </td>
    </tr></table></div>

    <!-- Fin Staff -->
    </td>
    <td rowspan="2" class="padernews" valign="top"><span class="tidernews"><span style="font-size: 24px; line-height: normal"><font color="red"><font face="Verdana"><u><strong>News</strong></u></font></font></span></span>
    <!-- Début News --><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 18px; line-height: normal"><u>Attention élections de modérateur en cours, si vous voulez participez, inscrivez vous ! </u></font><br><font color="darkred"> Le nouveau design a été créé et mis en place par Légolas. Merci de respecter son travail et de ne pas faire de plagiat. C'est puni par la loi ! Sur ce: Bon jeu à tous !</font><br><br></span></div>

    <!-- Fin News -->
    </td>
    </tr><tr>
    <td width="44%" class="paliens" valign="top"><span class="tiliens"><font color="white"><font face="Verdana"><u><strong>Lien importants</strong></u></font></font></span>
    <!-- Début Liens --><div style="margin:auto;text-align:center;width:100%"><a href="http://magicelfes.forumgratuit.org/f3-reglements">Réglement</a><br/>
    <a href="http://magicelfes.forumgratuit.org/f4-cartes-didentites">Présentation</a><br/>
    <a href="http://magicelfes.forumgratuit.org/f39-demande-de-partenariat-et-lien-de-ce-fow">Partenariat</a><br/>
    <a href="http://magicelfes.forumgratuit.org/f42-annonces">Annonces & Projets</a><br/>
    <a href="http://magicelfes.forumgratuit.org/f40-elections">Elections</a></div>

    <!-- Fin Liens -->
    </td>
    <td width="22%" class="pacredit" valign="top"><span class="ticcredit"><font color="white"><font face="Verdana"><u><strong>Song ♫</strong></u></font></font></span>
    <!-- Début --><div style="margin:auto;text-align:center;width:100%">One Last Shot de Pirates des Caraïbes :D :</strong></div></span></font>

    <object type="application/x-shockwave-flash" data="http://www.archive-host.com/dewplayer2.swf?mp3=http://www.archive-host.com/files/1098331/d2e421c18b2b7f9edc2f32d05284fcadad96629e/Pirates_of_the_Caribbean_-_Soundtrack_14_-_One_Last_Shot.mp3&autostart=0&autoreplay=1&showtime=1" width="200" height="20"><param name="movie" value="http://www.archive-host.com/dewplayer2.swf?mp3=http://www.archive-host.com/files/1098331/d2e421c18b2b7f9edc2f32d05284fcadad96629e/Pirates_of_the_Caribbean_-_Soundtrack_14_-_One_Last_Shot.mp3&autostart=0&autoreplay=1&showtime=1" /></object></div>

    <!-- Fin -->
    </td>
    </tr></table></div>

et dans la css :

Code:
/*cadres*/
.pacontext, .paparten, .pastaff, .padernews, .paliens, .pacredit {
border : 1px solid #000000;
}

/*titres divesr*/
.ticontext, .tiparten, .tistaff, .tidernews, .tiliens, .ticcredit {
background-color : #4C8FBF;
margin-left : 10px;
position : relative;
bottom : 10px;
}

/*titres partenaires*/
.tiparten {
background-color : #4C8FBF;
margin-left : 10px;
position : relative;
bottom : 10px;
}

/*titres news*/
 .tidernews {
background-color : #4C8FBF;
margin-left : 10px;
position : relative;
bottom : 15px;
}
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Centrage infobulle.

Message par Lessien0409 Jeu 11 Aoû 2011 - 16:07

Merci c'est tout bon, je vous remercie pour votre aide, vous m'avez beaucoup aidé.
Cordialement.
Lessien0409

Lessien0409
*

Féminin
Messages : 40
Inscrit(e) le : 07/05/2011

http://magicelfes.forumgratuit.org
Lessien0409 a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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