Réalisation d'onglets en HTML
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:
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
