Problème d'onglets dans i-frame Bouton_activeProblème d'onglets dans i-frame Bouton_hoverProblème d'onglets dans i-frame Fb-hoverProblème d'onglets dans i-frame Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Problème d'onglets dans i-frame EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Problème d'onglets dans i-frame EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème d'onglets dans i-frame EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème d'onglets dans i-frame EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème d'onglets dans i-frame EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème d'onglets dans i-frame EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème d'onglets dans i-frame EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème d'onglets dans i-frame EmptySam 11 Fév 2023, 06:04 par Krager

-17%
Le deal à ne pas rater :
(Black Friday) Apple watch Apple SE GPS + Cellular 44mm (plusieurs ...
249 € 299 €
Voir le deal

Partagez
 

Problème d'onglets dans i-frame

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://www.skyhigh.forum-actif.net
Tsunam!s
Tsunam!s
{ Membre }
{ Membre }

Masculin Messages : 45



Problème d'onglets dans i-frame Empty
Bonjour à tous;

J'en appelle à votre aide aujourd'hui parce que j'ai un petit problème par rapport à mes onglets; en effet: le troisième onglet n'affiche pas son contenue :s
[VOIR ICI au deuxième onglet]

Voici mon code:

Code:
<style type="text/css">
.onglet {
display:inline-block;
margin-left:3px;
margin-right:3px;
padding:3px;
border:2px solid #999;
border-bottom:0px solid #999;
cursor:pointer;
}
.onglet_0 {
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
background:#F5F5F5;
border-bottom:0px solid #999;
}
.onglet_1 {
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
background:#F5F5F5;
border-bottom:0px solid #999;
padding-bottom:4px;
}
.contenu_onglet {
-moz-border-radius: 15px;
background:#F5F5F5;
border:2px solid #999;
margin-top:-1px;
padding:5px;
display:none;
width: 750px;
}

a {
font-variant: small-caps;
text-decoration: none !important;
}
a:hover {
text-decoration: none !important;
text-shadow: 2px 2px 3px #777;
letter-spacing : 1px;
}

</style>
<script language="javascript" src="http://twilight-rpg.forumotion.com/script-onglet-h4.htm">
</script>

        <div class="onglets">
         
<span class="onglet_0 onglet" id="onglet_accueil" onmouseover="javascript:change_onglet('accueil');" style="margin-left: 300px"<color=#000000><a href="http://destiny-rpg.bbactif.com/rules-f3/" class="postlink" target="_blank">LES.REGLES</a></url></color></span>
            <span class="onglet_0 onglet" id="onglet_contexte" onmouseover="javascript:change_onglet('contexte');"><color=#000000><a href="hhttp://destiny-rpg.bbactif.com/contexte-histoire-f4/" class="postlink" target="_blank">L'HISTOIRE</a></url></color></span>
      <span class="onglet_0 onglet" id="onglet_nom_de_longlet" onclick="javascript:change_onglet('nom_de_longlet');">Nom de l'onglet</span>     
        </div>

        <div class="contenu_onglets">
           
<div class="contenu_onglet" id="contenu_onglet_accueil">
                <ul><table><tr><td align="left"><img src="http://i37.servimg.com/u/f37/12/37/59/38/00110.png" border="0" alt="" class="gradualfader"/>
</td><td align="left"></td><td align="left"><font face="georgia"><span style="font-size: 18px; line-height: normal"></span></font>
<span style="font-size: 11px; line-height: normal"><div align="justify"><i>♣Dès votre arrivée sur le forum, vous devez passer ici et lire les sujets les plus importants. En d'autres termes, le règlement et le contexte. Jetez également un coup d'œil aux autres topics afin d'être informé du fonctionnement de l'école.  </i></div></span>
 </td></tr></table>
</ul>
            </div>

            <div class="contenu_onglet" id="contenu_onglet_contexte">
                <ul><table><tr><td align="left"><img src="http://i37.servimg.com/u/f37/12/37/59/38/00110.png" border="0" alt="" class="gradualfader"/>
</td><td align="left"></td><td align="left"><font face="georgia"><span style="font-size: 18px; line-height: normal"></span></font>
<span style="font-size: 11px; line-height: normal"><div align="justify"><i>♣LE CONTEXTE LE CONTEXTE LE CONTEXTE LE CONTEXTE LE CONTEXTE LE CONTEXTE </i></div></span>
 </td></tr></table>
</ul></div>
    <div class="contenu_onglet"id="contenu_onglet_nom_de_longlet">Cxxxxxxxxxxxxxxxxxxxxxx</div>       

</div>

           

           
        </div>
    </div>
    <script type="text/javascript">
        //<!--
                var anc_onglet = 'accueil';
                change_onglet(anc_onglet);
        //-->
        </script>

Voila; merci à ceux qui pourront et sauront m'aider <3
MessageSujet: Problème d'onglets dans i-frame   Problème d'onglets dans i-frame EmptyJeu 05 Aoû 2010, 14:54
Revenir en haut Aller en bas
http://zonescript.forumactif.fr
VPeybernes
{ Membre actif }
{ Membre actif }

Masculin Messages : 563



Problème d'onglets dans i-frame Empty
Bonjour.
Code:
<div class="onglets">
         
<span class="onglet_0 onglet" id="onglet_accueil" onmouseover="javascript:change_onglet('accueil');" style="margin-left: 300px"<color=#000000><a href="http://destiny-rpg.bbactif.com/rules-f3/" class="postlink" target="_blank">LES.REGLES</a></url></color></span>
            <span class="onglet_0 onglet" id="onglet_contexte" onmouseover="javascript:change_onglet('contexte');"><color=#000000><a href="hhttp://destiny-rpg.bbactif.com/contexte-histoire-f4/" class="postlink" target="_blank">L'HISTOIRE</a></url></color></span>
      <span class="onglet_0 onglet" id="onglet_nom_de_longlet" onclick="javascript:change_onglet('nom_de_longlet');">Nom de l'onglet</span>     
        </div>
Alors déjà si tu utiliser du HTML et non du "BB/HTML/Code ça serai mieux.
Après tu notera que le dernier onglet est déclanché avec un onClick et non avec un onMouseOver.
Et je confirme qu'il marche très bien si on clique dessus.
MessageSujet: Re: Problème d'onglets dans i-frame   Problème d'onglets dans i-frame EmptyJeu 05 Aoû 2010, 15:31
Revenir en haut Aller en bas
http://www.skyhigh.forum-actif.net
Tsunam!s
Tsunam!s
{ Membre }
{ Membre }

Masculin Messages : 45



Problème d'onglets dans i-frame Empty
Roh lala j'ai honte '-- *va se cacher*

Merci beaucoup VPeybernes <3

Vous pouvez classez ^^ (non franchement là...j'ai honte de moi xDDD)
MessageSujet: Re: Problème d'onglets dans i-frame   Problème d'onglets dans i-frame EmptyJeu 05 Aoû 2010, 15:39
Revenir en haut Aller en bas
Contenu sponsorisé




Problème d'onglets dans i-frame Empty
MessageSujet: Re: Problème d'onglets dans i-frame   Problème d'onglets dans i-frame Empty
Revenir en haut Aller en bas
 

Problème d'onglets dans i-frame

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Problème de th dans un tableau.
» Petit problème dans ma PA
» Problème de position dans la PA
» Problème dans l'affichage
» Probleme dans les messages

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit