pbm onglet actif

Version imprimable

pbm onglet actif

bonjour

je m'essaye au css et j'ai pu trouver sur le net un tuto pour faire des onglets a partir d'une liste.

tout est ok excepté une chose :
l'onglet actif est toujours le premier onlget;
si je clique sur le 2eme ou le 3eme onglet,j'ai les pages 2 ou 3 qui s'affiche, mais c'est le premier onglet qui est marqué comme actif.

voici le code css que j'utilise :
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 ul#tabnav { font: bold 11px verdana, arial, sans-serif; list-style-type: none; padding-bottom: 24px; border-bottom: 1px solid #6c6; margin: 0; } ul#tabnav li { float: left; height: 21px; background-color: #cfc; margin: 2px 2px 0 2px; border: 1px solid #6c6; } ul#tabnav li.active { border-bottom: 1px solid #fff; background-color: #fff; } #tabnav a { float: left; display: block; color: #666; text-decoration: none; padding: 4px; } #tabnav a:hover { background: #fff; }
avez vous une idee ?
merci

NL

15/12/2005, 13h15
Maxoo

peut etre qu'avec un bout de ton code html ou ton site, on verrai plus.

implémentation de l'entete :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<?
 
function entete(){
 
echo "<HEAD>"
        ."<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>"
        ."<link rel='stylesheet' type='text/css' media='screen' href='test.css' />"
     ."</HEAD>";
 
 
echo "<ul id='tabnav'>"
       ."<li class='active'><a href='#'>Accueil</a></li>"
       ."<li><a href='creation.php'>Créer</a></li>"
       ."<li><a href='rechercher.php'>Rechercher</a></li>"
       ."<li><a href='AccesGest.php'>Accès gestionnaire</a></li>"
     ."</ul>";
 
}
 
 
?>

exemple avec creation.php :

Code:

1
2
3
4
5
6
7
8
 
 
<?
require_once("fonction.php");
entete();
 
echo "page creer";
?>

15/12/2005, 13h39
Maxoo

montre direct le code html généré.
ce n'est pas un probleme de php.
et tu l'as pas mis sur un site qu'on voit le probleme plus rapidement ??

desolee je n'ai pas de site,

je ne sais pas si ca va t'aider mais voila la page source :

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<HEAD>
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'><link rel='stylesheet' type='text/css' media='screen' href='test.css' />
</HEAD>
<ul id='tabnav'>
<li class='active'><a href='#'>Accueil</a></li>
<li><a href='creation.php'>Créer</a></li>
<li><a href='rechercher.php'>Rechercher</a></li>
<li><a href='AccesGest.php'>Accès gestionnaire</a></li>
</ul>
page creer

merci ,

NL

15/12/2005, 14h10
Maxoo

voila ce que j'ai fais ...

ca marche ... sur firefox 1.5

http://wwwetu.utc.fr/~mpasquie/html/toto.html
15/12/2005, 14h28
nine

ouh !! je crois comprendre....je teste un truc et te tiens au courant
NL

autant pour moi .....
j'ai modifié de facon à avoir :

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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
 
<?
 
function entete($lien){
 
echo "<HEAD>"
        ."<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>"
        ."<link rel='stylesheet' type='text/css' media='screen' href='test.css' />"
     ."</HEAD>";
 
 
switch ($lien){
 
case 1:
echo "<ul id='tabnav'>"
       ."<li class='active'><a href='#'>Accueil</a></li>"
       ."<li><a href='creation.php'>Créer</a></li>"
       ."<li><a href='rechercher.php'>Rechercher</a></li>"
       ."<li><a href='AccesGest.php'>Accès gestionnaire</a></li>"
     ."</ul>";
break;
 
case 2:
echo "<ul id='tabnav'>"
       ."<li ><a href='#'>Accueil</a></li>"
       ."<li class='active'><a href='creation.php'>Créer</a></li>"
       ."<li><a href='rechercher.php'>Rechercher</a></li>"
       ."<li><a href='AccesGest.php'>Accès gestionnaire</a></li>"
     ."</ul>";
break;
 
case 3:
echo "<ul id='tabnav'>"
       ."<li ><a href='#'>Accueil</a></li>"
       ."<li ><a href='creation.php'>Créer</a></li>"
       ."<li class='active'><a href='rechercher.php'>Rechercher</a></li>"
       ."<li><a href='AccesGest.php'>Accès gestionnaire</a></li>"
     ."</ul>";
break;
 
case 4:
echo "<ul id='tabnav'>"
       ."<li class='active'><a href='#'>Accueil</a></li>"
       ."<li><a href='creation.php'>Créer</a></li>"
       ."<li><a href='rechercher.php'>Rechercher</a></li>"
       ."<li class='active'><a href='AccesGest.php'>Accès gestionnaire</a></li>"
     ."</ul>";
break;
 
 
} //switch
 
}
 
 
?>

dans les liens j'ai :

Code:

1
2
3
4
5
6
7
 
<?
require_once("fonction.php");
entete(2);
 
echo "page creer";
?>

15/12/2005, 14h44
Maxoo

parfait alors :)