Bonjour,
Je precise que je suis debutante en php ....:oops:
Je me suis fais un petit menu en sprite qui marche pas trop mal.
Mon soucis est que quand je suis sur la page 1, je voudrais que la partie "page 1" de mon menu soit activé, c'est à dire de la même couleur que le hover (soit le bottom dans mon css)
Et idem quand je clic sur la page 2 ....
Mon petit code ci-dessous :
Page 1.php & Page2.php - même code
menus.phpCode:
1
2
3
4
5
6
7
8<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head><meta content="text/html; charset=UTF-8" http-equiv="content-type"></head> <body> <!-- Le menu --> <?php include("menus.php"); ?> </body> </html>
SpritesMenu.cssCode:
1
2
3
4
5 <link rel="stylesheet" href="SpritesMenu.css" type="text/css"> <ul class="categorie"> <li class="souscat"><a href="Page1.php">Page 1</a></li> <li class="souscat"><a href="Page2.php">Page 2</a></li> </ul>
Une idée?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 ul { margin: 0; padding: 0; } .categorie { list-style-type : none; font-family: "Helvetica", "Helvetica Neue", "Arial", sans-serif; font-weight: bold; } .categorie li a, .categorie li a:link, .categorie li a:visited { height: 50px; width: 100px; display: block; text-transform: uppercase; font-size: 12px; line-height: 50px; text-align: center; background: url(ImgVideMenu.png) no-repeat 0 top; color: #6c3306; text-decoration:none; float: left; } .categorie li.souscat a:hover { color: #f4ebda; background-position: 0 bottom; }
Merci d'avance
Thais
