Problème cadrage Infobulle

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

Résolu Problème cadrage Infobulle

Message par M.You' le Jeu 27 Jan 2011 - 20:04

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

M.You'
**

Masculin
Messages : 71
Inscrit(e) le : 27/01/2011

http://virtual-manager.forumactif.com/
M.You' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème cadrage Infobulle

Message par ge80 le Jeu 27 Jan 2011 - 20:15

Bonjour

Il faudrait votre codage et la CSS associée pour une aide.

cordialement
ge

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème cadrage Infobulle

Message par M.You' le Jeu 27 Jan 2011 - 21:53

CSS :

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="http://s2.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="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>

</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="http://s2.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="http://s2.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="http://s2.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="http://s2.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="http://s2.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="http://s2.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="http://s2.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="http://s2.noelshack.com/uploads/images/8625032520489_onglet6_2.jpg" border="0" alt="" />

</div>
</div>

</body>
</html>

M.You'
**

Masculin
Messages : 71
Inscrit(e) le : 27/01/2011

http://virtual-manager.forumactif.com/
M.You' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème cadrage Infobulle

Message par M.You' le Ven 28 Jan 2011 - 8:32

Up

M.You'
**

Masculin
Messages : 71
Inscrit(e) le : 27/01/2011

http://virtual-manager.forumactif.com/
M.You' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème cadrage Infobulle

Message par Invité le Ven 28 Jan 2011 - 8:44

Bonjour,

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 Wink Logiquement ça devrait fonctionné...

Invité
Invité


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

Résolu Re: Problème cadrage Infobulle

Message par M.You' le Ven 28 Jan 2011 - 8:44

Je teste sa de suite

M.You'
**

Masculin
Messages : 71
Inscrit(e) le : 27/01/2011

http://virtual-manager.forumactif.com/
M.You' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème cadrage Infobulle

Message par Invité le Ven 28 Jan 2011 - 8:45

D'accord, bonne chance Wink

Invité
Invité


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

Résolu Re: Problème cadrage Infobulle

Message par M.You' le Ven 28 Jan 2011 - 8:45

Ca ne fonctionne pas Sad Je crois qu'il faudrais supprimer quelques autres balises , j'attend vos réponses.

M.You'
**

Masculin
Messages : 71
Inscrit(e) le : 27/01/2011

http://virtual-manager.forumactif.com/
M.You' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème cadrage Infobulle

Message par ge80 le Ven 28 Jan 2011 - 8:48

OK

Je suis en pause mais au boulot Wink

A plus tard pour la suite car je n'ai pas le temps pour l'instant Wink

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème cadrage Infobulle

Message par Invité le Ven 28 Jan 2011 - 9:05

Re Bonjour,

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 Wink Logiquement ça devrait fonctionné cette fois ...

Invité
Invité


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

Résolu Re: Problème cadrage Infobulle

Message par M.You' le Ven 28 Jan 2011 - 10:59

Ca fonctionne , merci a vous !

M.You'
**

Masculin
Messages : 71
Inscrit(e) le : 27/01/2011

http://virtual-manager.forumactif.com/
M.You' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème cadrage Infobulle

Message par Invité le Ven 28 Jan 2011 - 11:00

De rien, au plaisir de vous avoir répondu ^^

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