[Invision] Dédoublement de menu
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
[Invision] Dédoublement de menu
Bonjour/Bonsoir à tous.
Je me permets de solliciter votre aide sur un problème graphique survenu sur la troisième version d'essai (dont je suis le fondateur) du forum de type Invision d'une amie (dont j'étais co-administrateur).
Voici les liens vers les forums concernés :
• Forum originel : http://nintendoforall.1fr1.net/
• Forum d'essai : http://nfa-delta.1fr1.net/
J'ai paramétré le forum originel ainsi que les versions d'essais pour aider mon amie qui n'est pas très à l'aise avec le HTML et les propriétés CSS. Mais lors de l'achèvement du menu à onglets, je me suis rendu compte que le quatrième onglet de ce menu s'affiche en dessous des trois autres menu tant que la personne n'a pas cliqué sur le quatrième onglet, ce qui pose non seulement un problème d'affichage mais aussi un problème de place.
J'ai longtemps cherché mon erreur dans mon paramétrage et des réponses ici mais en vain, je n'ai trouvé aucune solution à mon problème. Je m'en remets donc à vous en espérant que vous arriverez à éclairer ma lanterne sur ce point. Merci d'avance à ceux qui prêteront attention à mon problème et ceux qui y répondront.
Voici une capture d'écran du problème cité ci-dessus (l'image est légèrement saccadée) :
Précision : ce forum a été optimisé pour Mozilla Firefox. Je n'ai pas touché aux Templates et je n'ai modifié que la partie HTML des généralités du forum ainsi que sa feuille de style CSS.
Je vous fourni à la suite la partie HTML ajoutée à la page d'accueil :
Ainsi que la feuille de style CSS :
Encore merci à ceux qui pourront me répondre.
Je me permets de solliciter votre aide sur un problème graphique survenu sur la troisième version d'essai (dont je suis le fondateur) du forum de type Invision d'une amie (dont j'étais co-administrateur).
Voici les liens vers les forums concernés :
• Forum originel : http://nintendoforall.1fr1.net/
• Forum d'essai : http://nfa-delta.1fr1.net/
J'ai paramétré le forum originel ainsi que les versions d'essais pour aider mon amie qui n'est pas très à l'aise avec le HTML et les propriétés CSS. Mais lors de l'achèvement du menu à onglets, je me suis rendu compte que le quatrième onglet de ce menu s'affiche en dessous des trois autres menu tant que la personne n'a pas cliqué sur le quatrième onglet, ce qui pose non seulement un problème d'affichage mais aussi un problème de place.
J'ai longtemps cherché mon erreur dans mon paramétrage et des réponses ici mais en vain, je n'ai trouvé aucune solution à mon problème. Je m'en remets donc à vous en espérant que vous arriverez à éclairer ma lanterne sur ce point. Merci d'avance à ceux qui prêteront attention à mon problème et ceux qui y répondront.
Voici une capture d'écran du problème cité ci-dessus (l'image est légèrement saccadée) :
- Spoiler:
Précision : ce forum a été optimisé pour Mozilla Firefox. Je n'ai pas touché aux Templates et je n'ai modifié que la partie HTML des généralités du forum ainsi que sa feuille de style CSS.
Je vous fourni à la suite la partie HTML ajoutée à la page d'accueil :
- Spoiler:
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Un système d'onglet en javascript</title>
<script type="text/javascript">
//<!--
function change_onglet(name)
{
document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
document.getElementById('contenu_onglet_'+name).style.display = 'block';
anc_onglet = name;
}
//-->
</script>
</head>
<body><div id="fb-root"></div>
<div class="systeme_onglets">
<div class="onglets">
<span class="onglet_1 onglet" id="onglet_accueil" onclick="javascript:change_onglet('accueil');">Accueil</span>
<span class="onglet_0 onglet" id="onglet_partenaire" onclick="javascript:change_onglet('partenaire');">News</span>
<span class="onglet_0 onglet" id="onglet_staff" onclick="javascript:change_onglet('staff');">Membres</span>
<span class="onglet_0 onglet" id="onglet_pers" onclick="javascript:change_onglet('pers');">Forum</span>
</div>
<div class="contenu_onglet" id="contenu_onglet_accueil">
<center><div class="title2"> Bienvenue {USER&#8288;NAME} sur Nintendo For All !</div></center>
<table border="0" cellspacing="7" width="100%">
<tbody><tr>
<td align="center" valign="middle"><div class="tabinfo0">
<justify><div class="translate">
<img src="https://2img.net/r/ihimizer/img37/7205/49874.png" alt="Crédit">
<p><br><font-size:100%>
• Forum créé par Wushu-Girl<br>
avec l'aide de Nem.<br>
• Amélioré par Zexen.<br>
• © 2011-2012 Nintendo For All<br>
• Toute reproduction est interdite.<br>
• Design by Cross<br>
• Menu by Zexen<br>
• Forum optimisé pour Firfox</p></font>
</div>
</justify>
</div><div class="tabinfo0"><div id="navigation">
<a href="http://nintendoforall.1fr1.net/t1-les-regles-et-leurs-sanctions">Règlement</a>
<a href="http://nintendoforall.1fr1.net/f16-les-grandes-annonces">Nouveautés</a>
<a href="http://nintendoforall.1fr1.net/f3-presentation">Présentation </a>
<a href="http://nintendoforall.1fr1.net/f49-la-boite-magique">Réservations</a>
<a href="http://nintendoforall.1fr1.net/f27-discussion-generale">Discussions </a>
<a href="http://nintendoforall.1fr1.net/t150-formulaire-de-partenariat">Partenariat </a>
<a href="nintendoforall.1fr1.net/f4-suggestions-questions">Suggestions/Questions </a>
<a href="http://nintendoforall.1fr1.net/f14-les-jeux">Jeux </a>
</div></td>
<td class="tabinfo0" align="center" valign="top"><div class="contexte0">
<span style="color:COULEUR;"><FONT SIZE=3><span style="font-family:Georgia;">Bienvenue sur Nintendo For All, le forum 100% Nintendo ! Découvrez ce vaste monde que sont les jeux vidéos, discutez de vos coups de cœurs, échangez vos avis ou bien faite nous part de votre expérience sur un jeu, tout est possible pour vous !<br></br>Rejoignez nous vite et partagez vos passions ! Passez de bons moments sur Nintendo For All !<br></br><center><u>Le Staff</u></center></font><br></br><FONT SIZE=1>Cliquez sur Forum pour faire disparaitre l'éventuel cadre bug.</span></font></span></div></td>
<td align="center" valign="top"><div class="tabinfo0">
<a href="http://nintendoforall.1fr1.net/f12-forum-s-story" onmouseover="if (document.images) document.banner1.src='http://data.imagup.com/10/1147290624.jpg';" onmouseout="if (document.images) document.banner1.src='http://data.imagup.com/10/1147290413.jpg';"><img src="http://data.imagup.com/10/1147290413.jpg" name="banner1" border="0"></a></div></td>
</tr>
<tr><td colspan="3" align="center" valign="top">
<img src="https://2img.net/r/ihimizer/img214/999/wallpapernintendo07bb09.jpg" style="border: 1px solid #925338;" height="195" width="600"></td></tr></tbody></table>
</div>
<div class="contenu_onglet" id="contenu_onglet_partenaire">
<table align="center" border="0" cellspacing="20" width="100">
<tbody><tr><td colspan="3" class="tabinfo0" align="center" valign="top">
<h1 class="titre0"> Les Nouvelles </h1><div class="partab">
</br><div style="margin:auto;text-align:center;width:100%">
<marquee direction="up" scrolldelay="0" scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()"><font color="black"><center><FONT size=2>13/04/12 : <a href="http://nintendoforall.1fr1.net/t236-shiki-sur-la-colline" class="postlink">Bienvenue Shiki !</a><br></br>12/04/12 : Bienvenue TempleQJ !<br></br>10/04/12 : <a href="http://nintendoforall.1fr1.net/t232-presentation-de-foxmc" class="postlink">Bienvenue FoxMC !</a><br></br>24/03/12 : Le forum est en cours de réorganisation.<br></br>07/03/12 : <a href="http://nintendoforall.1fr1.net/t200-presentation-de-natsu" class="postlink">Bienvenue Natsu ! </a><br></br> 31/01/12 : <a href="http://nintendoforall.1fr1.net/t190-yo-ici-dragon-blue" class="postlink">Bienvenue Dragon-Blue ! </a><br></br>22/01/12 : N'oubliez pas à voter pour le forum dans les Top-Forums ! <br></br><br></br>Bienvenue sur Nintendo for All !</font></FONT></center></div></div></div></div></MARQUEE>
</div></div></td></tr></tbody>
<tbody><tr><td colspan="3" class="tabinfo0" align="left" valign="top">
<h1 class="titre0"> Les News Nintendo </h1><div class="partab">
</br><div>
<table align="center" border="0">
<tbody><tr>
<td><div class="thumbnail"><div><a href="http://www.jeuxvideo.com/jeux/wii/00039846-pandora-s-tower.htm" target="_blank"><img src="https://2img.net/r/ihimizer/img651/3701/pandorah.png"></a></div></div></td>
<td><div class="thumbnail"><div><a href="http://www.jeuxvideo.com/jeux/nintendo-3ds/00042225-spirit-camera-the-cursed-memoir.htm" target="_blank"><img src="https://2img.net/r/ihimizer/img405/1326/1333041130.jpg"></a></div></div></td>
<td><div class="thumbnail"><div><a href="http://www.jeuxvideo.com/jeux/nintendo-ds/00043810-pokemon-version-noire-2.htm" target="_blank"><img src="https://2img.net/r/ihimizer/img545/5074/pokemonnoiretblanc2.jpg"></a></div></div></td>
<td><div class="thumbnail"><div><a href="http://www.jeuxvideo.com/jeux/wii/00028409-dragon-quest-x.htm" target="_blank"><img src="https://2img.net/r/ihimizer/img441/8764/dragonquestx.jpg"></a></div></div></td></tr>
<tr><td><div class="thumbnail"><div><a href="http://www.gameblog.fr/jeux/5406_fire-emblem-awakening" target="_blank"><img src="https://2img.net/r/ihimizer/img269/211/fireemblemcabecera.png"></a></div></div></td>
<td><div class="thumbnail"><div><a href="http://www.jeuxvideo.com/jeux/wii/00043229-epic-mickey-le-retour-des-heros.htm" target="_blank"><img src="https://2img.net/r/ihimizer/img546/7825/epicmickey2poweroftwobo.jpg"></a></div></div></td>
<td><div class="thumbnail"><div><a href="http://www.jeuxvideo.com/jeux/nintendo-3ds/00042050-rhythm-thief-les-mysteres-de-paris.htm" target="_blank"><img src="https://2img.net/r/ihimizer/img706/9743/gbl3dsrythmthiefandthee.jpg"></a></div></div></td>
<td><div class="thumbnail"><div><a href="http://www.jeuxvideo.com/jeux/nintendo-3ds/00037396-kingdom-hearts-3d-dream-drop-distance.htm" target="_blank"><img src="https://2img.net/r/ihimizer/img268/9878/kingdomhearts3dsoundtra.jpg"></a></div></div></td></tr>
<tr><td><div class="thumbnail"><div><a href="http://www.jeuxvideo.com/jeux/nintendo-3ds/00022711-kid-icarus-uprising.htm" target="_blank"><img src="https://2img.net/r/ihimizer/img406/3876/kidicarusuprisingg3ar.jpg"></a></div></div></td>
<td><div class="thumbnail"><div><a href="http://www.jeuxvideo.com/jeux/wii/00035965-the-last-story.htm" target="_blank"><img src="https://2img.net/r/ihimizer/img254/9409/22648087.png"></a></div></div></td>
<td><div class="thumbnail"><div><a href="http://www.jeuxvideo.com/jeux/wii/00025815-the-legend-of-zelda-skyward-sword.htm" target="_blank"><img src="https://2img.net/r/ihimizer/img835/5720/legendofzeldaskywardswo.jpg"></a></div></div></td>
<td><div class="thumbnail"><div><a href="http://www.jeuxvideo.com/jeux/wii/00031891-xenoblade-chronicles.htm" target="_blank"><img src="https://2img.net/r/ihimizer/img819/5593/jaquettexenobladechroni.jpg"></a></div></div></td></tr>
</tbody></table>
</div></div></td></tr></tbody>
</table>
</div>
<div class="contenu_onglet" id="contenu_onglet_staff">
<table border="0" cellspacing="10" width="100%">
<tbody><tr>
<td class="tabinfo0" align="left" valign="top">
<h1 class="titre0">Le Staff</h1><br><br>
<table align="center" border="0">
<tbody><tr>
<td><div class="thumbnail"><div> <a href="#" target="_blank"><img src="https://2img.net/u/1111/17/53/70/avatars/1-78.jpg" height="120" width="120"> </a>
<span></span></div>
<span><div class="tstaff" align="center">
<font style="color: #000000; text-shadow: 1px 1px 3px #000; font-size: 14px;">Wushu-Girl </font>
<img src="https://2img.net/u/1111/17/53/70/avatars/1-78.jpg" height="140" width="140"><br>
<font style="color: #000000; font-size: 14px; font-style: italic; text-shadow: 1px 1px 3px #000;">Fondatrice / Admin en Chef</font> <br>
<a href="http://nintendoforall.1fr1.net/privmsg?mode=post&u=1">MP </a> | <a href="http://nintendoforall.1fr1.net/u1"> Profil </a></div></span>
</div></td>
<td><div class="thumbnail"><div><a href="#" target="_blank"><img src="https://2img.net/r/ihimizer/img716/9569/exempletp0gv9.jpg" height="120" width="120"> </a>
<span></span></div>
<span><div class="tstaff" align="center">
<font style="color: #000000; text-shadow: 1px 1px 3px #000; font-size: 14px;"> ? </font>
<img src="https://2img.net/r/ihimizer/img716/9569/exempletp0gv9.jpg" height="140" width="140"><br>
<font style="color: #000000; font-size: 14px; font-style: italic; text-shadow: 1px 1px 3px #000;">?</font> <br>
<a href="http://nintendoforall.1fr1.net">MP </a> | <a href="http://nintendoforall.1fr1.net"> Profil </a></div></span>
</div></td>
<td><div class="thumbnail"><div><a href="#" target="_blank"><img src="https://2img.net/r/ihimizer/img716/9569/exempletp0gv9.jpg" height="120" width="120"> </a>
<span></span></div>
<span><div class="tstaff" align="center">
<font style="color: #000000; text-shadow: 1px 1px 3px #000; font-size: 14px;"> ? </font>
<img src="https://2img.net/r/ihimizer/img716/9569/exempletp0gv9.jpg" height="140" width="140"><br>
<font style="color: #000000; font-size: 14px; font-style: italic; text-shadow: 1px 1px 3px #000;">?</font> <br>
<a href="http://nintendoforall.1fr1.net">MP </a> | <a href="http://nintendoforall.1fr1.net"> Profil </a></div></span>
</div></td>
<td><div class="thumbnail"><div><a href="#" target="_blank"><img src="https://2img.net/r/ihimizer/img716/9569/exempletp0gv9.jpg" height="120" width="120"> </a>
<span></span></div>
<span><div class="tstaff" align="center">
<font style="color: #000000; text-shadow: 1px 1px 3px #000; font-size: 14px;"> ? </font>
<img src="https://2img.net/r/ihimizer/img716/9569/exempletp0gv9.jpg" height="140" width="140"><br>
<font style="color: #000000; font-size: 14px; font-style: italic; text-shadow: 1px 1px 3px #000;">?</font> <br>
<a href="http://nintendoforall.1fr1.net">MP </a> | <a href="http://nintendoforall.1fr1.net"> Profil </a></div></span>
</div></td>
</tr></tbody></table></td></tr>
<tr><td colspan="2" class="tabinfo0" align="center" valign="top">
<h1 class="titre0"> Nouveaux Inscrits </h1>
</br><div style="margin:auto;text-align:center;width:100%"><center>
<a href="http://nintendoforall.1fr1.net/u49" class="postlink" target="_blank" rel="nofollow"><img src="https://2img.net/u/1111/17/53/70/avatars/49-11.jpg" height="120" width="80" border="0" alt="" /></a>
<a href="http://nintendoforall.1fr1.net/u48" class="postlink" target="_blank" rel="nofollow"><img src="https://2img.net/u/1111/17/53/70/avatars/48-54.jpg" height="120" width="80" border="80" alt="" /></a>
<a href="http://nintendoforall.1fr1.net/u47" class="postlink" target="_blank" rel="nofollow"><img src="https://2img.net/u/1111/17/53/70/avatars/47-90.jpg" height="120" width="80" border="0" alt="" /></a>
<a href="http://nintendoforall.1fr1.net/u46" class="postlink" target="_blank" rel="nofollow"><img src="https://2img.net/u/1111/17/53/70/avatars/46-55.gif" height="120" width="80" border="0" alt="" /></a><a href="http://nintendoforall.1fr1.net/u45" class="postlink" target="_blank" rel="nofollow"><img src="https://2img.net/u/1111/17/53/70/avatars/45-78.jpg" height="120" width="80" border="0" alt="" /></a></span>
</center></div>
</td></tr>
<tr><td colspan="2" class="tabinfo0" align="right" valign="top">
<h1 class="titre0"> Notre page </h1><div class="fb-like-box" data-href="https://www.facebook.com/pages/Nintendo-For-All/144852755598687" data-width="705" data-height="200" data-colorscheme="#000000" data-show-faces="true" data-stream="true" data-header="true"></div>
</tbody></td></tr></tbody></table></div>
<div style="display: block;" class="contenu_onglet" id="contenu_onglet_pers">
<table border="0" cellspacing="7" width="100%">
<tbody><tr>
<td align="left" valign="top"><div class="tabinfo0">
<h1 class="titre0"> Nos Partenaires</h1><center><div class="thumbnail">
<br></br><marquee direction="right" scrolldelay="0" scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()"><center><a href="http://www.generation-nintendo.com/" target="_blank"><img src="https://2img.net/r/ihimizer/img803/6706/3442436851887boutonsite.png"></a><a href="http://nintendo-play.pro-forums.fr/" target="_blank"><img src="https://i.servimg.com/u/f45/16/55/41/53/bouton14.gif"></a></marquee><br></br></div></div></center><div class="tabinfo0">
<h1 class="titre0"> Top-Forums</h1><center><center><div class="thumbnail">
<br>
<a href="http://www.root-top.com/topsite/enola/in.php?ID=2475">
<img src="http://data.imagup.com/10/1141912246.png">
</a>
<a href="http://www.root-top.com/topsite/thedarkmaker/in.php?ID=1">
<img src="http://data.imagup.com/10/1141912246.png">
</a>
<a href="http://www.root-top.com/topsite/classement_general/in.php?ID=1018">
<img src="http://data.imagup.com/10/1141912246.png">
</a><br></div></div></center><div class="tabinfo0">
<h1 class="titre0"> Evenements</h1><center><center><div class="thumbnail">
<br>
<a href="http://www.japan-expo.com/"><img src="https://2img.net/r/ihimizer/img822/2833/etcomplete.jpg" style="border: 1px solid #000000;" height="67" width="450"></a></div></div></center>
</td>
<td colspan="3" class="tabinfo0" align="right" valign="top">
<h1 class="titre0"> Derniers Tests </h1><center><div class="contexte0">
<table align="center" border="0">
<tbody>
<tr><td><div class="thumbnail"><div><br><a href="http://nintendoforall.1fr1.net/t231-test-mario-kart-7" target="_blank"><img src="https://2img.net/r/ihimizer/img254/7448/mariokart7boxshot640x39.png"></a></div></div></td></tr>
<tr><td><div class="thumbnail"><div><a href="http://nintendoforall.1fr1.net/t241-breath-of-fire-ii-shimei-no-ko" target="_blank"><img src="https://2img.net/r/ihimizer/img401/2958/bof2.png"></a></div></div></td></tr>
<tr><td><div class="thumbnail"><div><a href="http://nintendoforall.1fr1.net/t235-phoenix-wright-ace-attorney-justice-for-all" target="_blank"><img src="https://2img.net/r/ihimizer/img137/6534/aceattorneyserieswiiwar.jpg"></a></div></div></td></tr>
</tbody></table></div></center></td></tr>
<table border="0" cellspacing="7" width="100%">
<tbody><tr><td colspan="3" class="tabinfo0" align="left" valign="top">
<h1 class="titre0"> Playlist</h1><div class="thumbnail">
<center><iframe width="472" height="240" src="https://www.youtube.com/embed/videoseries?list=PL05D6C2E552242704&hl=fr_FR" frameborder="0" allowfullscreen></iframe></center>
</div></td></tr></tbody></table>
</tbody></table>
</div>
</div>
<script type="text/javascript">
//<!--
var anc_onglet = 'accueil';
change_onglet(anc_onglet);
//-->
</script>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/fr_FR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
</body>
</html>
Ainsi que la feuille de style CSS :
- Spoiler:
- body {
margin-left: auto;
margin-right: auto;
width: 805px;
}
.titre_pa
{
padding: 5px;
font-size: 15px;
police : Pretendo;
color : #f4f0ec;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
background-color: grey;
text-align: center;
display: bloc;
}
.corps_pa
{
padding: 10px;
color: white;
}
.fond_pa
{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.onglet
{
display:inline-block;
margin-left:15px;
margin-right:3px;
padding:3px;
color: #000000;
font-size: 25px;
font-family: Pretendo;
letter-spacing: -3px;
text-transform: capitalize;
text-shadow: 0 1px 7px #000000;
text-align: center;
cursor:pointer;
}
.onglet_0
{
margin-left: 30px;
}
.onglet_1
{
color: #000000;
font-size: 25px;
font-family: Pretendo;
letter-spacing: -3px;
text-transform: capitalize;
font-style: italic;
text-shadow: 0 1px 7px #000000;
padding-bottom:4px;
}
.contenu_onglet
{
background-image: url('http://www.geekwallpapers.com/desktops/retro-nintendo-controller-1680-x-1050.jpg');
-moz-border-radius: 25px;
-webkit-border-radius: 5px;
border-radius: 25px;
border: 2px solid #151a1f;
margin-top:-1px;
padding:5px;
display:none;
width: 730px;
height: 560px;
}
ul
{
margin-top:0px;
margin-bottom:0px;
margin-left:-10px
}
h1
{
margin:0px;
padding:0px;
}
#navigation {
margin-top: 15px;
margin-bottom: 15px; }
#navigation a:link, #navigation a:visited, #navigation a:active {
width: 200px;
height: 15px;
font-style: Georgia;
font-size: 13px;
text-align: center;
padding: 2px;
color: #ffffff;
background-color: #9A9D9C;
line-height: 13px;
display: block;
border-bottom: 2px solid #000;
-moz-border-radius: 15px 15px 15px 15px;
webkit-border-radius: 15px 15px 15px 15px;
-webkit-box-shadow: 0px 3px 2px #615661;
-moz-box-shadow: 0px 3px 2px #615661;
box-shadow: 0px 3px 2px #615661;
}
#navigation a:hover {
color: #fff;
background-color: #D6D8D8;
}
/* infobulle*/
.tstaff{font-size:1em;}
.thumbnail span{
position: absolute;
background-color: #696969;
padding: 20px;
left: -1000px;
visibility: hidden;
color: #fff;
-webkit-box-shadow: 0px 3px 2px #000;
-moz-box-shadow: 0px 3px 2px #000;
box-shadow: 0px 3px 2px #000;
}
.thumbnail{
position: relative;
z-index: 0;
border:0px solid #000;
padding-top:3px;
padding-left:3px;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{
position: absolute;
background-color:#ffffff;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #000;
text-decoration: none;
text-align: center;
-moz-border-radius: 15px 0px 15px 0px;
-webkit-border-radius: 15px 0px 15px 0px;
border-radius: 10px;
border: 2px solid #000000;
}
.thumbnail span img{
border: 2px solid #000000;
padding: 1px;
}
.thumbnail:hover span{
visibility: visible;
top: 25px;
left: 35px;
width: 150px
height: 250px;
}
a.imag{
position: relative;
z-index: 1;
}
a.imag:hover{
cursor: help;
z-index: 2;
}
a.imag span{
display: none;
}
a.img:hover span{
display:block;
position:absolute;
z-index: 3;
top: 1px;
left: -20px;
}
.title2 {
color: #696969;
font-size: 25px;
font-family: Pretendo;
text-align: center;
background: #FEFEFE;
text-shadow: 0 1px 7px #C2C3C3;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
border: 2px solid #000000;
-moz-box-shadow: 0 1px 10px #000;
-webkit-box-shadow: 0 1px 10px #000;
box-shadow: 0 1px 10px #000;
}
.tabinfo0 {
background: #FEFEFE;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
border: 2px solid #000000;
-moz-box-shadow: 0 1px 10px #000;
-webkit-box-shadow: 0 1px 10px #000;
box-shadow: 0 1px 10px #000;
padding: 2px;}
.contexte0 {
width: 230px;
height: 250px;
overflow: auto;
margin: 2px;
padding: 5px;
text-align: justify;}
.texteinfo {
text-align: justify;
width: 650px;
height: 100px;
overflow: auto;
margin: 3px;
padding; 4px; }
.partab {
width: 630px;
height: 230px;
text-align:left;
padding: 5px; }
.titre0 {
color: #696969;
font-size: 30px;
font-family: Time New Roman;
letter-spacing: -3px;
text-transform: capitalize;
text-shadow: 0 1px 7px #000000;
line-height: 1px; }
.recrutement {
width: 280px;
height: 300px;
padding: 4px;
text-align: justify;
margin-top: 10px; }
.copy {
text-align: justify;
padding: 4px; }
.event {
width: 600px;
height: 100px;}
.translate {
height: 99px;
width: 212px;
background: #EFF0F0;
overflow: hidden;
position:relative;
}
.translate p {
padding:5px;
margin:-15px;
text-align:center;
}
.translate img {
-moz-transition: all 1s ease-in-out;
-webkit-transition: all1s ease-in-out;
transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
position:absolute;
top: 0px;
left: -0px;
}
.translate:hover img {
-moz-transform: translate(212px, 99px);
-webkit-transform: translate(212px, 99px);
-o-transform: translate(212px, 99px);
-ms-transform: translate(212px, 99px);
transform: translate(212px, 99px);
}
Encore merci à ceux qui pourront me répondre.
Dernière édition par Zexen le Mer 25 Avr 2012 - 19:06, édité 1 fois
Re: [Invision] Dédoublement de menu
Petit up du sujet.
Re: [Invision] Dédoublement de menu
Nouveau Up.
Re: [Invision] Dédoublement de menu
Le problème est résolu, il s'agissait d'une propriété superflue qui bloquait l'onglet.
<div style="display: block;" class="contenu_onglet" id="contenu_onglet_pers"> devient donc <div class="contenu_onglet" id="contenu_onglet_pers">
<div style="display: block;" class="contenu_onglet" id="contenu_onglet_pers"> devient donc <div class="contenu_onglet" id="contenu_onglet_pers">
Sujets similaires
» couleur de fond barre de menu invision
» Dédoublement du forum.
» Menu suiveur / barre de navigation en haut (INVISION)
» ModernBB - Agrandir les icônes du menu & menu constant
» Ajouter les autres menu à la barre de menu
» Dédoublement du forum.
» Menu suiveur / barre de navigation en haut (INVISION)
» ModernBB - Agrandir les icônes du menu & menu constant
» Ajouter les autres menu à la barre de menu
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum