Style css pour balise
Résolu
Rom190686
Messages postés
469
Statut
Membre
-
Rom190686 Messages postés 469 Statut Membre -
Rom190686 Messages postés 469 Statut Membre -
Bonjour, J'utilise les feuilles de style css pour mettre en forme mon site web.
Je voudrais ajouter une petite touche de décoration mais je ne trouve pas la solution.
Mon menu est en haut à l'horizontale et je voudrais que lorsque l'on clique sur un lien du menu et que la nouvelle page s'affiche, le lien sélectionné reste avec la mise en forme que j'ai choisie pour le a:hover et ainsi de suite chaque fois que l'on change de page.
Je veux ajouter ce petit truc, juste pour savoir sur quelle page on est.
Merci d'avance !
Je voudrais ajouter une petite touche de décoration mais je ne trouve pas la solution.
Mon menu est en haut à l'horizontale et je voudrais que lorsque l'on clique sur un lien du menu et que la nouvelle page s'affiche, le lien sélectionné reste avec la mise en forme que j'ai choisie pour le a:hover et ainsi de suite chaque fois que l'on change de page.
Je veux ajouter ce petit truc, juste pour savoir sur quelle page on est.
Merci d'avance !
A voir également:
- Style css pour balise
- Style word - Guide
- Nom pour facebook stylé - Guide
- Style d'écriture a copier coller - Guide
- Chat style coco - Accueil - Réseaux sociaux
- Dubai style chocolate - Guide
9 réponses
un petit coup de php pourrait résoudre le problème
avec une URL du type www.monsite.fr/?page=a
avec une URL du type www.monsite.fr/?page=a
<?php
if(isset($_GET['page']))
{
switch ($_GET['page']) {
case a:
$page='accueil';
break;
case t:
$page='tarif';
break;
case n:
$page='news';
break;
case c:
$page='contact';
break;
case p:
$page='partenaires';
break;
case f:
$page='fiscale';
break;
default:
$page='accueil';
break;
}
}
else $page='accueil';
include $page . ".php";
?>
<a href="https://www.pagesjaunes.fr/?page=a" <?php if ($page=='accueil') echo ('class="active"') ?>>ACCUEIL</a>
<a href="https://www.pagesjaunes.fr/?page=t" <?php if ($page=='tarif') echo ('class="active"') ?>>TARIFS</a>
<!-- <a href="https://www.pagesjaunes.fr/?page=n">NEWS</a> -->
<a href="https://www.pagesjaunes.fr/?page=c" <?php if ($page=='contact') echo ('class="active"') ?>>CONTACT</a>
<a href="https://www.pagesjaunes.fr/?page=p" <?php if ($page=='partenaires') echo ('class="active"') ?>>PARTENAIRES</a>
<a href="https://www.pagesjaunes.fr/?page=f" <?php if ($page=='fiscale') echo ('class="active"') ?>>FISCALITÉ</a>
Rom190686
Messages postés
469
Statut
Membre
35
ok, ensuite dans ma feuille css je definie la classe "active" c'est ca?
Par contre tu auras 1 feuille CSS par page html !!!
t'as ton menu comme ça dans le code html :
<ul>
<li class="accueil"><a href="#" title="accueil">Accueil</a></li>
<li class="menu1"><a href="#" title="menu1">Menu1l</a></li>
<li class="menu2"><a href="#" title="menu2">Menu2</a></li>
</ul>
Le CSS de l'accueil :
ul .accueil{
background-color:jaune;
}
ul .menu1, ul.menu2{
background-color:bleu;
}
Le CSS de la page qui correspond au "menu1" :
ul .accueil a{
background-color:yellow;
}
ul .menu1 a, ul .menu2 a{
background-color:blue;
}
t'as ton menu comme ça dans le code html :
<ul>
<li class="accueil"><a href="#" title="accueil">Accueil</a></li>
<li class="menu1"><a href="#" title="menu1">Menu1l</a></li>
<li class="menu2"><a href="#" title="menu2">Menu2</a></li>
</ul>
Le CSS de l'accueil :
ul .accueil{
background-color:jaune;
}
ul .menu1, ul.menu2{
background-color:bleu;
}
Le CSS de la page qui correspond au "menu1" :
ul .accueil a{
background-color:yellow;
}
ul .menu1 a, ul .menu2 a{
background-color:blue;
}
Desolé j'ai buggé !!!! Voila le vrai exemple :
t'as ton menu comme ça dans le code html :
<ul>
<li class="accueil"><a href="#" title="accueil">Accueil</a></li>
<li class="menu1"><a href="#" title="menu1">Menu1l</a></li>
<li class="menu2"><a href="#" title="menu2">Menu2</a></li>
</ul>
Le CSS de l'accueil :
ul .accueil a{
background-color:yellow;
}
ul .menu1 a, ul .menu2 a{
background-color:blue;
}
Le CSS de la page qui correspond au "menu1" :
ul .menu1 a{
background-color:yellow;
}
ul .accueil a, ul .menu2 a{
background-color:blue;
}
t'as ton menu comme ça dans le code html :
<ul>
<li class="accueil"><a href="#" title="accueil">Accueil</a></li>
<li class="menu1"><a href="#" title="menu1">Menu1l</a></li>
<li class="menu2"><a href="#" title="menu2">Menu2</a></li>
</ul>
Le CSS de l'accueil :
ul .accueil a{
background-color:yellow;
}
ul .menu1 a, ul .menu2 a{
background-color:blue;
}
Le CSS de la page qui correspond au "menu1" :
ul .menu1 a{
background-color:yellow;
}
ul .accueil a, ul .menu2 a{
background-color:blue;
}
Je comprends pas, tu veux faire que quand tu clique il se passe quoi?
Je pense que tu vas devoir faire du JS :D.
Je pense que tu vas devoir faire du JS :D.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
pourquoi ne pas changer l'image de fond du texte :
par exemple tu es sur la page d'accueil, le fond de l'onglet "accueil" est jaune, le fond de l'onglet "menu1" est bleu
Quand tu es sur la page "menu1.php" tu change le fond de l'onglet "menu1" en jaune, et le fond de l'onglet "accueil" en bleu !
T'as juste à alterner les images via le CSS !! :O
par exemple tu es sur la page d'accueil, le fond de l'onglet "accueil" est jaune, le fond de l'onglet "menu1" est bleu
Quand tu es sur la page "menu1.php" tu change le fond de l'onglet "menu1" en jaune, et le fond de l'onglet "accueil" en bleu !
T'as juste à alterner les images via le CSS !! :O
