Probleme onglet Bouton_activeProbleme onglet Bouton_hoverProbleme onglet Fb-hoverProbleme onglet 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
» Fiche de Présentation RPG
Probleme onglet EmptySam 30 Mar 2024, 22:07 par Peyton972

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

» Structure de Qui Est En Ligne (1)
Probleme onglet EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Probleme onglet EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Probleme onglet EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Probleme onglet EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Probleme onglet EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Probleme onglet EmptyMar 07 Fév 2023, 08:40 par Oxtran

-28%
Le deal à ne pas rater :
Précommande : Smartphone Google Pixel 8a 5G Double Sim 128Go ...
389 € 539 €
Voir le deal

Partagez
 

Probleme onglet

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://nintendo.mesfans.com/
JC
{ Membre }
{ Membre }

Masculin Messages : 4



Probleme onglet Empty
Bonjour a tous, voila je vous explique mon probleme, j'ai récupérer ses code sur un forum
mais quand je clique sur onglets sa change pas, quelq'un ses pourquoi merci.

Code:

ul, li{
  list-style: none;
}
.mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #4b0082;
  background: #d8bfd8;
  border: 1px solid #4b0082;
  cursor: pointer;
 -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
}

.mon_onglet:hover{
  background: #d8bfd8;
-moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;}         

.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #4b0082;
  background:#d8bfd8;
  border-top: 1px solid #4b0082;
  border-right: 1px solid #4b0082;
  border-left: 1px solid #4b0082;
  border-bottom: 1px solid #d8bfd8;
  cursor: pointer;
  margin-bottom: -1px;
-moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;}           
.clear{
  clear: both;
}
.mon_contenu{
  color: #4b0082;
  background: #d8bfd8;
  border: 1px solid #4b0082;
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    border-radius:10px;
  padding: 1px;
        margin-left: -10px;         
}
#mes_contenus, #mes_onglets{
  width: 500px;
}

.titres{
background-color:  #d8bfd8;
 border: 1px solid #4b0082;
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    border-radius:10px;
text-align:center;
padding:5px;}



Code:



<table cellspacing="1" width="100%"><tr><td colspan="2" rowspan="1" class="titres" >partenaires</td></tr>

<tr><td  colspan="2" rowspan="1" align="center" valign="top">
les liens des partenaires</td></tr>

<tr><td class="titres" colspan="1" rowspan="1" width="35%">Navigation</td>
<td class="titres" colspan="1" rowspan="1">onglets</td></tr>

<tr><td  colspan="1" rowspan="1" align="center">lien 1
 lien 2<br/> lien 3 <br/></span></td>
<td  colspan="1" rowspan="1" align="center"><script src="http://pmsc.free.fr/J04/10912150254.js"></script><div id="mes_onglets">
    <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Onglet 1</li>
        <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Onglet 2</li>
        <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Onglet 3</li>
        <li id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Onglet 4</li>
        <div class="clear"><div id="mes_contenus">
    <div id="co_1" class="mon_contenu">Mon contenu 1</div>
    <div id="co_2" class="mon_contenu" style="display: none;">Mon contenu 2</div>
    <div id="co_3" class="mon_contenu" style="display: none;">Mon contenu 3</div>
    <div id="co_4" class="mon_contenu" style="display: none;">Mon contenu 4</div>
</div></ul>
</span></td></tr>
</table>


MessageSujet: Probleme onglet   Probleme onglet EmptyJeu 13 Jan 2011, 19:09
Revenir en haut Aller en bas
L
L
{ Membre actif }
{ Membre actif }

Masculin Messages : 867



Probleme onglet Empty
Quand tu dis "récupérer",j'espère que c'est pas du plagiat ...
MessageSujet: Re: Probleme onglet   Probleme onglet EmptyVen 14 Jan 2011, 08:09
Revenir en haut Aller en bas
http://nintendo.mesfans.com/
JC
{ Membre }
{ Membre }

Masculin Messages : 4



Probleme onglet Empty
Non,non, en faite ses bon j'ai contacter l'auteur qui ma fait le tableau onglet.Résolu
MessageSujet: Re: Probleme onglet   Probleme onglet EmptyVen 14 Jan 2011, 13:54
Revenir en haut Aller en bas
Contenu sponsorisé




Probleme onglet Empty
MessageSujet: Re: Probleme onglet   Probleme onglet Empty
Revenir en haut Aller en bas
 

Probleme onglet

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

 Sujets similaires

-
» Probleme catégorie onglet
» Problème avec PA à Onglet
» problème profil en onglet
» Problème de PA avec onglet
» Cétgories en Onglet : Problème

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 | Forum gratuit