Bonjour,

je souhaiterais, sur ma page, afficher une image avec en desous deux onglets qui me permettraient de switcher d'une image à une autre.
Actuellement j'ai ça en code :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
 
.menu1 { /* boite qui contient le menu (les onglets) */
  padding-top:9px ; /* marge intérieure haute */
  padding-bottom:7px} /* marge intérieure basse */
 
.onglet { /* style des onglets inactifs */
 
  margin:5px 5px 0px 5px ; /* marge extérieure */
  padding:7px 3px 7px 3px} /* marge intérieure */
 
a.onglet { /* style des liens se trouvant dans un onglet inactif */
  background-color:#EBF5FE ; /* le fond de l'onglet est gris */
  text-decoration:none} /* les liens ne sont pas soulignés */
 
a.onglet:hover {color:green} /* lors du survol d'un lien, la police devient verte */
 
.onglet-actif { /* style de l'onglet de la page active */
   border:solid 2px black ; /* l'encadrement est porté à 2 pixels */
   border-top:solid 3px white ; /* le trait inférieur est effacé */
   margin:5px 5px 0px 5px ; /* marges intérieures */
   padding:7px 3px 7px 3px ; /* marges extérieures */  
   background-color:white} /* le fond de l'onglet actif est blanc*/
 
</style>
</head>
 
<body>
 
<div class="menu1"> <!-- début de la boite contenant les onglets -->
  <span class="onglet-actif">TS3 Ten'Shi</span> <!-- onglet ACTIF -->
  <a class="onglet" href="onglets-2.htm">TS3 PangyAlliance</a> <!-- onglet inactif -->
 
</div>
 
</body>
</html>
Le problème étant que je n'arrive pas à comprendre ou mettre le contenu. La j'ai bien mes onglets mais qui ne correspondent à rien. J'ai regardé sur pas mal de tuto mais un truc m'échappe...

Merci