Bonjour à tous,
Je suis entrain de faire mon site moi même, et j'ai voulu faire en sorte que quand on est sur une page, le bouton de cette page reste actif et aussi pour que quand on passe sa sourit sur les bouton il "change d'apparance" (actif/inactif).
Je travail en php et css, et mon site doit être au norme W3C
Donc on m'a aidé à faire ça, mais j'ai quelque bug:
-Sur chrome:
Je vois l'image et tout fonctionne mais j'ai un cadre blanc autour de l'image.
-Sur Firefox:
Je vois l'image mais j'ai plus le cadre par contre je vois la description d'image devant:
Fichier CSS (J'ai mis seulement le code pour 1 bouton, si vous avez besoin plus n’hésite pas)
Fichier PHP Header:
Donc dans mes multi tentative pour résoudre ce problème, j'ai essayer de mettre directement le lien de l'image dans mon header, et la firfox n'affiche même plus l'image, je n'ai plus que la description. Pourtant il l'a trouve parce que quand je vais "voir code source" et que je clic sur l'image je la voir apparaitre...
Le code modifié:
Pour ceux à qui sa aiderai de voir le site :
Je suis entrain de faire mon site moi même, et j'ai voulu faire en sorte que quand on est sur une page, le bouton de cette page reste actif et aussi pour que quand on passe sa sourit sur les bouton il "change d'apparance" (actif/inactif).
Je travail en php et css, et mon site doit être au norme W3C
Donc on m'a aidé à faire ça, mais j'ai quelque bug:
-Sur chrome:
Je vois l'image et tout fonctionne mais j'ai un cadre blanc autour de l'image.
Vous devez être connecté pour voir les images.
-Sur Firefox:
Je vois l'image mais j'ai plus le cadre par contre je vois la description d'image devant:
Vous devez être connecté pour voir les images.
Fichier CSS (J'ai mis seulement le code pour 1 bouton, si vous avez besoin plus n’hésite pas)
CSS:
/*Bouton Accueil*/
/*image normal*/
.Bouton-Accueil1_1{
background : url(../image/Bouton/Bouton-Accueil1_1.png) no-repeat;
width:105px;
height:32px;
}
/*image hover*/
.Bouton-Accueil1{
background : url(../image/Bouton/Bouton-Accueil1.png) no-repeat;
width:105px;
height:32px;
}
.Bouton-Accueil1:hover{
background : url(../image/Bouton/Bouton-Accueil1_1.png) no-repeat;
}
Fichier PHP Header:
PHP:
<div id="menu">
<ul>
<li>
<a href="index.php" title="Actualités de l'entreprise">
<?php
//On est sur la page index.php l'image sera button1-1.gif
if($_SERVER['REQUEST_URI']=="/index.php"){
$image = "Bouton-Accueil1_1";
}
//On est autre part, l'image sera button1.gif
else{
$image = "Bouton-Accueil1";
}
//la class Bouton-Accueil1 fait basculer l'état de l'image
//Si on est sur la page index.php l'image button1-1.gif reste Bouton-Accueil1_1
//Si on est autre part, l'image bascule d'un état à l'autre
echo '<img class="'.$image.'" alt="image bouton accueil" />';
?>
</a>
</li>
Donc dans mes multi tentative pour résoudre ce problème, j'ai essayer de mettre directement le lien de l'image dans mon header, et la firfox n'affiche même plus l'image, je n'ai plus que la description. Pourtant il l'a trouve parce que quand je vais "voir code source" et que je clic sur l'image je la voir apparaitre...
Le code modifié:
PHP:
<div id="menu">
<a href="index.php" title="Actualités de l'entreprise">
<?php
//On est sur la page index.php l'image sera button1-1.png
if($_SERVER['REQUEST_URI']=="/index.php"){
$image = "Bouton-Accueil1_1";
$images = "http://sad-corporetion.netii.net/image/Bouton/Bouton-Accueil1.png";
}
//On est autre part, l'image sera button1.gif
else{
$image = "Bouton-Accueil1";
$images = "http://sad-corporetion.netii.net/image/Bouton/Bouton-Accueil1.png";
}
//la class Bouton-Accueil1 fait basculer l'état de l'image
//Si on est sur la page index.php l'image button1-1.gif reste Bouton-Accueil1_1
//Si on est autre part, l'image bascule d'un état à l'autre
echo '<img href="'.$images.'" class="'.$image.'" alt="image bouton accueil" />';
?>
</a>
Pour ceux à qui sa aiderai de voir le site :
Vous devez être connecté pour voir les liens.