pbm onglet actif

**nine** · 15/12/2005, 11h30

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 :

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

**Maxoo** · 15/12/2005, 13h15

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

**nine** · 15/12/2005, 13h27

implémentation de l'entete :

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
 
<?
 
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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Maxoo** · 15/12/2005, 13h39

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 ??

**nine** · 15/12/2005, 13h53

desolee je n'ai pas de site,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Maxoo** · 15/12/2005, 14h10

voila ce que j'ai fais ...

ca marche ... sur firefox 1.5

http://wwwetu.utc.fr/~mpasquie/html/toto.html

**nine** · 15/12/2005, 14h28

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

**nine** · 15/12/2005, 14h43

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

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
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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Maxoo** · 15/12/2005, 14h44

parfait alors

pbm onglet actif

HTML

Vue hybride

Discussions similaires

Partager

Partager