Problème cadrage Infobulle
2 participants
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
Problème cadrage Infobulle
Voila alors , j'ai mit des infobulle sur mon forum , elles fonctionnent sauf que je n'arrive pas a bien les cadrer , je veux qu'elles soient sur la même ligne , hors elles ne le sont pas , pouvez vous m'aider ?
Dernière édition par M.You' le Ven 28 Jan 2011 - 21:50, édité 1 fois
Re: Problème cadrage Infobulle
Bonjour
Il faudrait votre codage et la CSS associée pour une aide.
cordialement
ge
Il faudrait votre codage et la CSS associée pour une aide.
cordialement
ge
Re: Problème cadrage Infobulle
CSS :
Codage :
- Spoiler:
- .infobulle{
position: relative;
z-index: 0;}
.infobulle:hover{
background-color: #000000;
z-index: 50;}
.infobulle span{
position: absolute;
background-color: #000000;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}
.infobulle span img{
border: 2px;
padding: 5px;}
.infobulle:hover span{
visibility: visible;
top: 70px;
left: 35px;
width: 200px ;
color:#FF0000;
border: 2px solid #0000FF;}
Codage :
- Spoiler:
- <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Onglets accordéon</title>
<style type="text/css">
* { margin:40; padding:0; list-style:none; }
body {
margin: 8px;
font-family: Trebuchet MS, sans-serif;
font-size: 14px;}
.onglet{ /* est l'onglet non sélectionné */
padding:3px 3px 1px 10px;
color:#FFF;
cursor:pointer;
font-weight:bold;
margin-right: 3px;
font-size: 14px;
background-color: #6FB5DF;
border: 2px solid #FFFFFF;
-moz-border-radius:15px 15px 0px 0px;
-webkit-border-radius: 15px 15px 0px 0px;
border-radius: 15px 15px 0px 0px;
-moz-box-shadow: 0px 0px 6px #6FB5DF;
-webkit-box-shadow: 0px 0px 6px #6FB5DF;
box-shadow: 0px 0px 6px #6FB5DF;
}
.onglet:hover{ /* est l'onglet survolé */
background:#f53030;
}
.onglet_actif{
background:#5d6cff; /* est l'onglet sélectionné */
}
.contenu_accordeon{ /* est le fond accordéon ou s'affiche le texte */
padding:10px;
background-color: #FFFFFF;
border: 2px solid #FFFFFF;
-moz-border-radius:0px 12px 12px 12px;
-webkit-border-radius: 0px 12px 12px 12px;
border-radius: 0px 12px 12px 12px;
-moz-box-shadow: 0px 0px 6px #6FB5DF;
-webkit-box-shadow: 0px 0px 6px #6FB5DF;
box-shadow: 0px 0px 6px #6FB5DF;
}
.onglet_container *{ /* est la position et largeur de l'onglet */
float:left;
width:107px;
}
</style>
<script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/accordeon_effet.js"></script>
</head>
<body onload="new Accordian('fond_principal',6,'onglet_actif');">
<div id="fond_principal" >
<div class="onglet_container *"> <div id="ouvrir1-selection"class="onglet onglet_actif" >Bienvenue</div> <div id="ouvrir2-selection" class="onglet" >Staff</div> <div id="ouvrir3-selection"class="onglet" >Navigation</div> <div id="ouvrir4-selection"class="onglet" >Aide</div> <div id="ouvrir5-selection"class="onglet" >Classement</div> <div id="ouvrir6-selection"class="onglet" >Crédits</div>
</div>
<div style="float:left;">
<div id="ouvrir1-content"> <div class="contenu_accordeon">
<br>
<br>
<img src="https://2img.net/image.noelshack.com/uploads/images/1605405853359_onglet1_2.jpg" border="0" alt="" />
</div>
</div>
<div id="ouvrir2-content"> <div class="contenu_accordeon">
<table>
<tr>
<td><div class="lock"><img src="https://2img.net/image.noelshack.com/uploads/images/15831679063761_sans_1.jpg" border="0" alt="" /><div class="lock-hidden"><img src="https://2img.net/image.noelshack.com/uploads/images/12812446077255_you.jpg" border="0" alt="" />
<a href="http://fifa-revolution11.forumgratuit.org/u1?sid=dc536c976521897e95e4acfca4ab2e71" class="postlink">Voir son Profil</a>
</td>
</tr>
</table>
<table>
<tr>
<td><div class="lock"><img src="https://2img.net/image.noelshack.com/uploads/images/4142485650006_sans_2.jpg" border="0" alt="" /><div class="lock-hidden"><img src="https://2img.net/image.noelshack.com/uploads/images/7007781611754_robben.jpg" border="0" alt="" />
<a href="http://fifa-revolution11.forumgratuit.org/u4?sid=dc536c976521897e95e4acfca4ab2e71" class="postlink">Voir son Profil</a>
</td>
</tr>
</table>
<table>
<tr>
<td><div class="lock"><img src="https://2img.net/image.noelshack.com/uploads/images/15349329103581_sans_3.jpg" border="0" alt="" /><div class="lock-hidden"><img src="https://2img.net/image.noelshack.com/uploads/images/10117331515665_caceres.jpg" border="0" alt="" />
<a href="http://fifa-revolution11.forumgratuit.org/u3?sid=dc536c976521897e95e4acfca4ab2e71" class="postlink">Voir son Profil</a>
</td>
</tr>
</table>
</div>
</div>
<font color="white">_________________________________________________________________________________________________________________________________________</font>
<div id="ouvrir3-content"> <div class="contenu_accordeon"> <div style="margin:auto;text-align:center;width:100%">
<a href="http://fifa-revolution11.forumgratuit.org/f3-charte-sf-11" class="postlink"><img src="https://2img.net/image.noelshack.com/uploads/images/13957212639150_sans_titre1.jpg" border="0" alt="" /></a>
<br>
<br>
<a href="http://fifa-revolution11.forumgratuit.org/f1-presentation" class="postlink"><img src="https://2img.net/image.noelshack.com/uploads/images/20067142645044_sans_titre2.jpg" border="0" alt="" /></a>
<br>
<br>
<a href="http://fifa-revolution11.forumgratuit.org/f5-annonces-importantes" class="postlink"><img src="https://2img.net/image.noelshack.com/uploads/images/8575994704761_sans_titre3.jpg" border="0" alt="" /></a>
<br>
<br>
<a href="http://fifa-revolution11.forumgratuit.org/f11-negociations" class="postlink"><img src="https://2img.net/image.noelshack.com/uploads/images/21077560233180_sans_titre4.jpg" border="0" alt="" /></a>
<br>
<br>
<a href="http://fifa-revolution11.forumgratuit.org/f9-formation" class="postlink"><img src="https://2img.net/image.noelshack.com/uploads/images/9168596958609_sans_titre5.jpg" border="0" alt="" /></a>
<br>
<br>
<a href="http://fifa-revolution11.forumgratuit.org/f33-discussions" class="postlink"><img src="https://2img.net/image.noelshack.com/uploads/images/9826656946029_sans_titre6.jpg" border="0" alt="" />
</a></div>
<font color="white">__________________________________________________</font>
</div>
</div>
<div id="ouvrir4-content"> <div class="contenu_accordeon">
<br>
<br>
<img src="https://2img.net/image.noelshack.com/uploads/images/14939437226868_onglet4_2.jpg" border="0" alt="" />
</div>
</div> <div id="ouvrir5-content"> <div class="contenu_accordeon">
A venir !
</div>
</div>
<span style="font-size: 17px; line-height: normal"> <div id="ouvrir6-content"> <div class="contenu_accordeon">
<br>
<br>
<img src="https://2img.net/image.noelshack.com/uploads/images/8625032520489_onglet6_2.jpg" border="0" alt="" />
</div>
</div>
</body>
</html>
Re: Problème cadrage Infobulle
Bonjour,
Trouver cette partie de code :
Que vous remplacez par :
Si vous voulez savoir qu-est-ce que j'ai fait : J'ai juste effacer quelque balise table Logiquement ça devrait fonctionné...
Trouver cette partie de code :
- Code:
<table>
<tr>
<td><div class="lock"><img src="http://s2.noelshack.com/uploads/images/15831679063761_sans_1.jpg" border="0" alt="" /><div class="lock-hidden"><img src="http://s2.noelshack.com/uploads/images/12812446077255_you.jpg" border="0" alt="" />
<a href="http://fifa-revolution11.forumgratuit.org/u1?sid=dc536c976521897e95e4acfca4ab2e71" class="postlink">Voir son Profil</a>
</td>
</tr>
</table>
<table>
<tr>
<td><div class="lock"><img src="http://s2.noelshack.com/uploads/images/4142485650006_sans_2.jpg" border="0" alt="" /><div class="lock-hidden"><img src="http://s2.noelshack.com/uploads/images/7007781611754_robben.jpg" border="0" alt="" />
<a href="http://fifa-revolution11.forumgratuit.org/u4?sid=dc536c976521897e95e4acfca4ab2e71" class="postlink">Voir son Profil</a>
</td>
</tr>
</table>
<table>
<tr>
<td><div class="lock"><img src="http://s2.noelshack.com/uploads/images/15349329103581_sans_3.jpg" border="0" alt="" /><div class="lock-hidden"><img src="http://s2.noelshack.com/uploads/images/10117331515665_caceres.jpg" border="0" alt="" />
<a href="http://fifa-revolution11.forumgratuit.org/u3?sid=dc536c976521897e95e4acfca4ab2e71" class="postlink">Voir son Profil</a>
</td>
</tr>
</table>
Que vous remplacez par :
- Code:
<table>
<tr>
<td><div class="lock"><img src="http://s2.noelshack.com/uploads/images/15831679063761_sans_1.jpg" border="0" alt="" /><div class="lock-hidden"><img src="http://s2.noelshack.com/uploads/images/12812446077255_you.jpg" border="0" alt="" />
<a href="http://fifa-revolution11.forumgratuit.org/u1?sid=dc536c976521897e95e4acfca4ab2e71" class="postlink">Voir son Profil</a>
</td>
</tr>
<tr>
<td><div class="lock"><img src="http://s2.noelshack.com/uploads/images/4142485650006_sans_2.jpg" border="0" alt="" /><div class="lock-hidden"><img src="http://s2.noelshack.com/uploads/images/7007781611754_robben.jpg" border="0" alt="" />
<a href="http://fifa-revolution11.forumgratuit.org/u4?sid=dc536c976521897e95e4acfca4ab2e71" class="postlink">Voir son Profil</a>
</td>
</tr>
<tr>
<td><div class="lock"><img src="http://s2.noelshack.com/uploads/images/15349329103581_sans_3.jpg" border="0" alt="" /><div class="lock-hidden"><img src="http://s2.noelshack.com/uploads/images/10117331515665_caceres.jpg" border="0" alt="" />
<a href="http://fifa-revolution11.forumgratuit.org/u3?sid=dc536c976521897e95e4acfca4ab2e71" class="postlink">Voir son Profil</a>
</td>
</tr>
</table>
Si vous voulez savoir qu-est-ce que j'ai fait : J'ai juste effacer quelque balise table Logiquement ça devrait fonctionné...
Invité- Invité
Re: Problème cadrage Infobulle
Je teste sa de suite
Re: Problème cadrage Infobulle
D'accord, bonne chance
Invité- Invité
Re: Problème cadrage Infobulle
Ca ne fonctionne pas Je crois qu'il faudrais supprimer quelques autres balises , j'attend vos réponses.
Re: Problème cadrage Infobulle
OK
Je suis en pause mais au boulot
A plus tard pour la suite car je n'ai pas le temps pour l'instant
Je suis en pause mais au boulot
A plus tard pour la suite car je n'ai pas le temps pour l'instant
Re: Problème cadrage Infobulle
Re Bonjour,
Trouver cette partie de code :
Que vous remplacez par :
Si vous voulez savoir qu-est-ce que j'ai fait : J'ai juste effacer quelques balises table et tr Logiquement ça devrait fonctionné cette fois ...
Trouver cette partie de code :
- Code:
<table>
<tr>
<td><div class="lock"><img src="http://s2.noelshack.com/uploads/images/15831679063761_sans_1.jpg" border="0" alt="" /><div class="lock-hidden"><img src="http://s2.noelshack.com/uploads/images/12812446077255_you.jpg" border="0" alt="" />
<a href="http://fifa-revolution11.forumgratuit.org/u1?sid=dc536c976521897e95e4acfca4ab2e71" class="postlink">Voir son Profil</a>
</td>
</tr>
</table>
<table>
<tr>
<td><div class="lock"><img src="http://s2.noelshack.com/uploads/images/4142485650006_sans_2.jpg" border="0" alt="" /><div class="lock-hidden"><img src="http://s2.noelshack.com/uploads/images/7007781611754_robben.jpg" border="0" alt="" />
<a href="http://fifa-revolution11.forumgratuit.org/u4?sid=dc536c976521897e95e4acfca4ab2e71" class="postlink">Voir son Profil</a>
</td>
</tr>
</table>
<table>
<tr>
<td><div class="lock"><img src="http://s2.noelshack.com/uploads/images/15349329103581_sans_3.jpg" border="0" alt="" /><div class="lock-hidden"><img src="http://s2.noelshack.com/uploads/images/10117331515665_caceres.jpg" border="0" alt="" />
<a href="http://fifa-revolution11.forumgratuit.org/u3?sid=dc536c976521897e95e4acfca4ab2e71" class="postlink">Voir son Profil</a>
</td>
</tr>
</table>
Que vous remplacez par :
- Code:
<table>
<td><div class="lock"><img src="http://s2.noelshack.com/uploads/images/15831679063761_sans_1.jpg" border="0" alt="" /><div class="lock-hidden"><img src="http://s2.noelshack.com/uploads/images/12812446077255_you.jpg" border="0" alt="" />
<a href="http://fifa-revolution11.forumgratuit.org/u1?sid=dc536c976521897e95e4acfca4ab2e71" class="postlink">Voir son Profil</a>
</td>
<td><div class="lock"><img src="http://s2.noelshack.com/uploads/images/4142485650006_sans_2.jpg" border="0" alt="" /><div class="lock-hidden"><img src="http://s2.noelshack.com/uploads/images/7007781611754_robben.jpg" border="0" alt="" />
<a href="http://fifa-revolution11.forumgratuit.org/u4?sid=dc536c976521897e95e4acfca4ab2e71" class="postlink">Voir son Profil</a>
</td>
<td><div class="lock"><img src="http://s2.noelshack.com/uploads/images/15349329103581_sans_3.jpg" border="0" alt="" /><div class="lock-hidden"><img src="http://s2.noelshack.com/uploads/images/10117331515665_caceres.jpg" border="0" alt="" />
<a href="http://fifa-revolution11.forumgratuit.org/u3?sid=dc536c976521897e95e4acfca4ab2e71" class="postlink">Voir son Profil</a>
</td>
</tr>
</table>
Si vous voulez savoir qu-est-ce que j'ai fait : J'ai juste effacer quelques balises table et tr Logiquement ça devrait fonctionné cette fois ...
Invité- Invité
Re: Problème cadrage Infobulle
Ca fonctionne , merci a vous !
Re: Problème cadrage Infobulle
De rien, au plaisir de vous avoir répondu ^^
Invité- Invité
Sujets similaires
» Problème de cadrage
» Problème de cadrage
» Infobulle problème.
» Problème affichage boîte réponse (cadrage)
» Problème avec les options des messages & cadrage du forum avec le fond
» Problème de cadrage
» Infobulle problème.
» Problème affichage boîte réponse (cadrage)
» Problème avec les options des messages & cadrage du forum avec le fond
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