JC
{ Membre }
Messages : 4
| 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>
| | |
|
L
{ Membre actif }
Messages : 867
| Quand tu dis "récupérer",j'espère que c'est pas du plagiat ... | | |
|
JC
{ Membre }
Messages : 4
| Non,non, en faite ses bon j'ai contacter l'auteur qui ma fait le tableau onglet.Résolu | | |
|