Style css pour balise
Résolu/Fermé
Rom190686
Rom190686
- Messages postés
- 436
- Date d'inscription
- mardi 29 avril 2008
- Statut
- Membre
- Dernière intervention
- 20 novembre 2015
Rom190686
- Messages postés
- 436
- Date d'inscription
- mardi 29 avril 2008
- Statut
- Membre
- Dernière intervention
- 20 novembre 2015
A voir également:
- Style css pour balise
- Style css pour balise ✓ - Forum - CSS
- Balise style css - Articles
- L’archive n’a pas pu être installée. le thème n’a pas de fichier style.css. ✓ - Forum - Wordpress
- Ajouter une feuille de style css html - Conseils pratiques - HTML
- Changer feuille de style css en javascript - Forum - CSS
9 réponses
swoog42
17 mars 2010 à 14:38
- Messages postés
- 1059
- Date d'inscription
- mercredi 30 septembre 2009
- Statut
- Membre
- Dernière intervention
- 16 décembre 2018
17 mars 2010 à 14:38
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>
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;
}
Rom190686
17 mars 2010 à 15:19
- Messages postés
- 436
- Date d'inscription
- mardi 29 avril 2008
- Statut
- Membre
- Dernière intervention
- 20 novembre 2015
17 mars 2010 à 15:19
Ok, merci ça fonctionne mais c'est très long car j'ai plus de 50 pages.
N'y a t-il pas une solution plus courte? Peut-etre du javascript?
N'y a t-il pas une solution plus courte? Peut-etre du javascript?
JeDetesteMaPSP
17 mars 2010 à 14:36
- Messages postés
- 1743
- Date d'inscription
- dimanche 3 janvier 2010
- Statut
- Membre
- Dernière intervention
- 4 mai 2014
17 mars 2010 à 14:36
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
swoog42
17 mars 2010 à 14:42
- Messages postés
- 1059
- Date d'inscription
- mercredi 30 septembre 2009
- Statut
- Membre
- Dernière intervention
- 16 décembre 2018
17 mars 2010 à 14:42
j'avais oublié la partie CSS
a.active { background-image: ton image }
Rom190686
17 mars 2010 à 14:53
- Messages postés
- 436
- Date d'inscription
- mardi 29 avril 2008
- Statut
- Membre
- Dernière intervention
- 20 novembre 2015
17 mars 2010 à 14:53
Voici le message d'erreur suite au code que tu m'a donné :
Notice: Use of undefined constant a - assumed 'a' in C:\wamp\www\mon-site\includes\menu.php on line 5
Notice: Use of undefined constant a - assumed 'a' in C:\wamp\www\mon-site\includes\menu.php on line 5
swoog42
17 mars 2010 à 14:58
- Messages postés
- 1059
- Date d'inscription
- mercredi 30 septembre 2009
- Statut
- Membre
- Dernière intervention
- 16 décembre 2018
17 mars 2010 à 14:58
passe tout le code de ta page
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
Rom190686
17 mars 2010 à 15:03
- Messages postés
- 436
- Date d'inscription
- mardi 29 avril 2008
- Statut
- Membre
- Dernière intervention
- 20 novembre 2015
17 mars 2010 à 15:03
C'est ce que je veux faire mais je ne sais pas comment. Peux-tu me donner un exemple stp
je peu te proposer ce lien avec du php :
http://www.siteduzero.com/tutoriel-3-37341-menus-en-onglets.html#ss_part_4
http://www.siteduzero.com/tutoriel-3-37341-menus-en-onglets.html#ss_part_4
Rom190686
17 mars 2010 à 15:28
- Messages postés
- 436
- Date d'inscription
- mardi 29 avril 2008
- Statut
- Membre
- Dernière intervention
- 20 novembre 2015
17 mars 2010 à 15:28
merci c'est ok
17 mars 2010 à 14:41