Problème de PA avec onglet Bouton_activeProblème de PA avec onglet Bouton_hoverProblème de PA avec onglet Fb-hoverProblème de PA avec onglet Fb-active
AccueilForumÉquipe 
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 de PA avec onglet EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Problème de PA avec onglet EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème de PA avec onglet EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème de PA avec onglet EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème de PA avec onglet EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème de PA avec onglet EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème de PA avec onglet EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème de PA avec onglet EmptySam 11 Fév 2023, 06:04 par Krager

Le deal à ne pas rater :
LEGO Icons 10331 – Le martin-pêcheur
35 €
Voir le deal

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Problème de PA avec onglet

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://mapassion.forumactif.com/
Momo
Momo
{ Membre }
{ Membre }

Féminin Messages : 6



Problème de PA avec onglet Empty
Bonjour,

J'ai décidé de faire une page d'accueil avec des onglets sur mon forum. Mais le problème c'est que les ongles s'affiche mais le contenu de s'affiche pas.
Voilà un capture pour montrer mon problème:
Spoiler:

Si vous avez besoin d'un code demander moi et je vous le donne.

Merci d'avance à la personne qui voudra bien m'aider.


Dernière édition par Momo le Mar 19 Oct 2010, 07:31, édité 1 fois
MessageSujet: Problème de PA avec onglet   Problème de PA avec onglet EmptyMar 19 Oct 2010, 06:35
Revenir en haut Aller en bas
http://nin-gai.forum2ouf.com/
Imari
Imari
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1538



Problème de PA avec onglet Empty
Bonjour ^^

Et bien le code de ta page d'accueil et celui de son css ne seraient pas du luxe pour t'aider Wink
MessageSujet: Re: Problème de PA avec onglet   Problème de PA avec onglet EmptyMar 19 Oct 2010, 06:42
Revenir en haut Aller en bas
http://mapassion.forumactif.com/
Momo
Momo
{ Membre }
{ Membre }

Féminin Messages : 6



Problème de PA avec onglet Empty
Code PA:

Code:
<div class="systeme_onglets">

        <div class="onglets">
            <span class="onglet_0 onglet" id="Bienvenu" onclick="javascript:change_onglet('Bienvenu');">Bienvenu</span>
            <span class="onglet_0 onglet" id="Le Staff" onclick="javascript:change_onglet('Le Staff');">La Staff</span>
            <span class="onglet_0 onglet" id="Les autres choses" onclick="javascript:change_onglet('Les autres choses');">Les autres choses</span>
        </div>

        <div class="contenu_onglets">
            <div class="contenu_onglet" id="contenu_onglet_nom_de_longlet"><table cellpadding="2">
<tbody>
<tr>
<td valign="top" width="22%">
<br>
<br>
<br>
<br>
<img src="http://i23.servimg.com/u/f23/14/83/29/63/lo11.png" border="0" alt="" />
<br>
<br>
<br>
<img src="http://i23.servimg.com/u/f23/14/83/29/63/loll10.png" border="0" alt="" />
<br>
<br>
<br>
<br></td>

<td valign="top" width="56%">
<br>
<br>
<br>
<center><fieldset style="border: 3px solid #ffffff; background:#F0F27E; -moz-border-radius:15px; width: 500px; height: 308px"><legend><span style="font-weight: bold; font-family: Verdana; color: black;"><font color="#FFFFFF"><span style="font-size: 20px; line-height: normal">Bienvenu {USERNAME}</span></font></span> <!--coloro:red--><!--/colorc--></legend><!--sizeo:1--><span style="font-size: 9pt; line-height: 100%; color: Grey;"><!--/sizeo-->
<font color="#93F5F3"><span style="font-size: 20px; text-shadow: 1px 1px 2px #c1c1c1; line-height: normal"><div style="margin:auto;text-align:center;width:100%">Design Garph est un forum de graphisme.
<br>Il te permettras d'apprendre ou de t'améliorer dans le graphisme, tout en t'amusant.
<br>N'hésite pas à t'inscrire si ce n'est pas déjà fait.
<br>Passe un bon moment en notre compagnie.
<br>A Bientôt!
<br>Le Staff de Design Graph
<br>
<br>
<br><img src="http://img10.hostingpics.net/pics/180587468.png" border="0" alt="" /></div></span></font></font></span></fieldset>
</td>

<td valign="top" width="22%">
En Construction!
</td>
</tr>
</tbody>
</table>t</div>

            <div class="contenu_onglet" id="contenu_onglet_nom_de_longlet">Contenu de l'onglet</div>

            <div class="contenu_onglet" id="contenu_onglet_nom_de_longlet">Contenu de l'onglet</div>
        </div>
    </div>
    <script type="text/javascript">
        //<!--
                var anc_onglet = 'quoi';
                change_onglet(anc_onglet);
        //-->
        </script>

Code Css:

Code:
/*PA Onglet*/
.onglet
        {
                display:inline-block;
                margin-left:3px;
                margin-right:3px;
                padding:3px;
                border:1px solid black;
                cursor:pointer;
        }
        .onglet_0
        {
                background:#FFFFF;
                border-bottom:1px solid black;
        }
        .onglet_1
        {
                background:#dddddd;
                border-bottom:0px solid black;
                padding-bottom:4px;
        }
        .contenu_onglet
        {
                background-color:#dddddd;
                border:1px solid black;
                margin-top:-1px;
                padding:5px;
                display:none;
        }

Voilà
MessageSujet: Re: Problème de PA avec onglet   Problème de PA avec onglet EmptyMar 19 Oct 2010, 06:44
Revenir en haut Aller en bas
http://www.never-utopia.com/index.htm
Pull_up_Style
Pull_up_Style
{ Membre }
{ Membre }

Masculin Messages : 86



Problème de PA avec onglet Empty
Essaye de remplacer ce code dans ta page d'accueil:

Code:
<div class="systeme_onglets">

        <div class="onglets">
            <span class="onglet_0 onglet" id="bienvenu" onclick="javascript:change_onglet('bienvenu');">Bienvenu</span>
            <span class="onglet_0 onglet" id="le_staff" onclick="javascript:change_onglet('le_staff');">La Staff</span>
            <span class="onglet_0 onglet" id="les_autres_choses" onclick="javascript:change_onglet('les_autres_choses');">Les autres choses</span>
        </div>

        <div class="contenu_onglets">
            <div class="contenu_onglet" id="bienvenu"><table cellpadding="2">
<tbody>
<tr>
<td valign="top" width="22%">
<br>
<br>
<br>
<br>
<img src="http://i23.servimg.com/u/f23/14/83/29/63/lo11.png" border="0" alt="" />
<br>
<br>
<br>
<img src="http://i23.servimg.com/u/f23/14/83/29/63/loll10.png" border="0" alt="" />
<br>
<br>
<br>
<br></td>

<td valign="top" width="56%">
<br>
<br>
<br>
<center><fieldset style="border: 3px solid #ffffff; background:#F0F27E; -moz-border-radius:15px; width: 500px; height: 308px"><legend><span style="font-weight: bold; font-family: Verdana; color: black;"><font color="#FFFFFF"><span style="font-size: 20px; line-height: normal">Bienvenu {USERNAME}</span></font></span> <!--coloro:red--><!--/colorc--></legend><!--sizeo:1--><span style="font-size: 9pt; line-height: 100%; color: Grey;"><!--/sizeo-->
<font color="#93F5F3"><span style="font-size: 20px; text-shadow: 1px 1px 2px #c1c1c1; line-height: normal"><div style="margin:auto;text-align:center;width:100%">Design Garph est un forum de graphisme.
<br>Il te permettras d'apprendre ou de t'améliorer dans le graphisme, tout en t'amusant.
<br>N'hésite pas à t'inscrire si ce n'est pas déjà fait.
<br>Passe un bon moment en notre compagnie.
<br>A Bientôt!
<br>Le Staff de Design Graph
<br>
<br>
<br><img src="http://img10.hostingpics.net/pics/180587468.png" border="0" alt="" /></div></span></font></font></span></fieldset>
</td>

<td valign="top" width="22%">
En Construction!
</td>
</tr>
</tbody>
</table>t</div>

            <div class="contenu_onglet" id="contenu_onglet_le_staff">Contenu de l'onglet</div>

            <div class="contenu_onglet" id="contenu_onglet_les_autres_choses">Contenu de l'onglet</div>
        </div>
    </div>
    <script type="text/javascript">
        //<!--
                var anc_onglet = 'quoi';
                change_onglet(anc_onglet);
        //-->
        </script>
MessageSujet: Re: Problème de PA avec onglet   Problème de PA avec onglet EmptyMar 19 Oct 2010, 06:58
Revenir en haut Aller en bas
http://mapassion.forumactif.com/
Momo
Momo
{ Membre }
{ Membre }

Féminin Messages : 6



Problème de PA avec onglet Empty
Ca ne marche toujours pas.
MessageSujet: Re: Problème de PA avec onglet   Problème de PA avec onglet EmptyMar 19 Oct 2010, 07:00
Revenir en haut Aller en bas
http://pacific-isle.forum-pro.fr/forum.htm
LittleThing
LittleThing
{ Membre }
{ Membre }

Féminin Messages : 175



Problème de PA avec onglet Empty
Essaie celui-ci :

Code:
<div class="systeme_onglets">

        <div class="onglets">
            <span class="onglet_0 onglet" id="onglet_bienvenu" onclick="javascript:change_onglet('bienvenu');">Bienvenu</span>
            <span class="onglet_0 onglet" id="onglet_le_staff" onclick="javascript:change_onglet('le_staff');">La Staff</span>
            <span class="onglet_0 onglet" id="onglet_les_autres_choses" onclick="javascript:change_onglet('les_autres_choses');">Les autres choses</span>
        </div>

        <div class="contenu_onglets">
            <div class="contenu_onglet" id="contenu_onglet_bienvenu"><table cellpadding="2">
<tbody>
<tr>
<td valign="top" width="22%">
<br>
<br>
<br>
<br>
<img src="http://i23.servimg.com/u/f23/14/83/29/63/lo11.png" border="0" alt="" />
<br>
<br>
<br>
<img src="http://i23.servimg.com/u/f23/14/83/29/63/loll10.png" border="0" alt="" />
<br>
<br>
<br>
<br></td>

<td valign="top" width="56%">
<br>
<br>
<br>
<center><fieldset style="border: 3px solid #ffffff; background:#F0F27E; -moz-border-radius:15px; width: 500px; height: 308px"><legend><span style="font-weight: bold; font-family: Verdana; color: black;"><font color="#FFFFFF"><span style="font-size: 20px; line-height: normal">Bienvenu {USERNAME}</span></font></span> <!--coloro:red--><!--/colorc--></legend><!--sizeo:1--><span style="font-size: 9pt; line-height: 100%; color: Grey;"><!--/sizeo-->
<font color="#93F5F3"><span style="font-size: 20px; text-shadow: 1px 1px 2px #c1c1c1; line-height: normal"><div style="margin:auto;text-align:center;width:100%">Design Garph est un forum de graphisme.
<br>Il te permettras d'apprendre ou de t'améliorer dans le graphisme, tout en t'amusant.
<br>N'hésite pas à t'inscrire si ce n'est pas déjà fait.
<br>Passe un bon moment en notre compagnie.
<br>A Bientôt!
<br>Le Staff de Design Graph
<br>
<br>
<br><img src="http://img10.hostingpics.net/pics/180587468.png" border="0" alt="" /></div></span></font></font></span></fieldset>
</td>

<td valign="top" width="22%">
En Construction!
</td>
</tr>
</tbody>
</table>t</div>

            <div class="contenu_onglet" id="contenu_onglet_le_staff">Contenu de l'onglet</div>

            <div class="contenu_onglet" id="contenu_onglet_les_autres_choses">Contenu de l'onglet</div>
        </div>
    </div>
    <script type="text/javascript">
        //<!--
                var anc_onglet = 'bienvenu';
                change_onglet(anc_onglet);
        //-->
        </script>
MessageSujet: Re: Problème de PA avec onglet   Problème de PA avec onglet EmptyMar 19 Oct 2010, 07:22
Revenir en haut Aller en bas
http://mapassion.forumactif.com/
Momo
Momo
{ Membre }
{ Membre }

Féminin Messages : 6



Problème de PA avec onglet Empty
Merci merci merci merci merci Beaucoup ça marche enfin!!
Merci à Pull_up_Style pour avoir essayer même si ca na pas marcher.
Et un grand merci à LittelThing pour m'avoir donner le bon code.

Je marque résolu.
MessageSujet: Re: Problème de PA avec onglet   Problème de PA avec onglet EmptyMar 19 Oct 2010, 07:31
Revenir en haut Aller en bas
http://www.never-utopia.com/index.htm
Pull_up_Style
Pull_up_Style
{ Membre }
{ Membre }

Masculin Messages : 86



Problème de PA avec onglet Empty
J'ai vu mon erreur au moins juste pour le mot onglet Sad merci LittleThing Very Happy
MessageSujet: Re: Problème de PA avec onglet   Problème de PA avec onglet EmptyMar 19 Oct 2010, 08:03
Revenir en haut Aller en bas
http://pacific-isle.forum-pro.fr/forum.htm
LittleThing
LittleThing
{ Membre }
{ Membre }

Féminin Messages : 175



Problème de PA avec onglet Empty
x) Je me suis juste servie du topic pour l'organisation avec onglets et j'ai comparé pour savoir quelles modifications étaient nécessaires xD !

C'est pas comme si je connaissais le code par cœur '_'
Bon, contente d'avoir résolu le problème en tout cas !
MessageSujet: Re: Problème de PA avec onglet   Problème de PA avec onglet EmptyMar 19 Oct 2010, 08:23
Revenir en haut Aller en bas
http://www.school-of-pub.net/forum.htm
Murtagh
Murtagh
{ Modérateur }
{ Modérateur }

Masculin Messages : 1492



Problème de PA avec onglet Empty
Bonjour,

Je déplace dans la section adéquate étant donné que le problème est résolu.
Merci à LittleThing pour son aide. Smile
MessageSujet: Re: Problème de PA avec onglet   Problème de PA avec onglet EmptyMar 19 Oct 2010, 08:37
Revenir en haut Aller en bas
Contenu sponsorisé




Problème de PA avec onglet Empty
MessageSujet: Re: Problème de PA avec onglet   Problème de PA avec onglet Empty
Revenir en haut Aller en bas
 

Problème de PA avec onglet

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

 Sujets similaires

-
» Problème avec PA à Onglet
» Problème catégorie avec onglet
» Problème avec PA à onglet - Infobulle et transparence.
» Probléme d'apparence avec un onglet quand l'on a cliqué dessus
» Problème avec l'iframe (signature) avec les codes couleurs. (non résolu)

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-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

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