28172 sujets

CSS et mise en forme, CSS3

[RESOLU] - Mise en forme balise <a href>

Bonsoir,

J'ai un menu dans lequel j'ai un script css:

ul a {
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	padding-left:1.55em;
	background:url(../Images/Structure/Bout_menu_Stand.gif) center left no-repeat;
}
ul a:hover {
	color:#92cc8b;
	background:url(../Images/Structure/Bout_menu_select.gif) center left no-repeat;	
}


Et dans toute mes pages je fais un include de ce menu et du css correspondant.

Jusque là tout va bien ...

Maintenant j'ai fais un site map qui s'affiche dans une de mes pages (dans laquelle) il y a l'include du menu ...

Et j'aimerais changer le css des balise <a href> du site map ... SANS TOUCHER au CSS du menu mais ce sont les memes balises ....

Avez vous une astuce ???
Modifié par Jackisback (12 Nov 2008 - 10:22)
Pas bête ....

Je n'ai pas encore eu l'occasion de m'en servir donc je n'y avais pas pensé ...

merci de l'astuce ...
Jack, ce n'est pas une astuce, ça fait partie des base du langage ça Smiley cligne

comme avec php, je te conseille de lire la documentation et de faire "quelques" tutoriels avant d'aller plus loin Smiley cligne
Oui j'ai bien lu pas mal de choses mais il est vrai que quand tu ne te sers pas d'une fonction bah quand il y en a besoin tu n'y penses pas forcément tout de suite ... et oui il y a des lacunes .... hé hé
Modifié par Jackisback (11 Nov 2008 - 20:59)
Bon alors j'ai essayé pas mal de choses mais ça ne fonctionne pas ...

ul a {
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	padding-left:1.55em;
	background:url(../Images/Structure/Bout_menu_Stand.gif) center left no-repeat;
}
ul a:hover {
	color:#92cc8b;
	background:url(../Images/Structure/Bout_menu_select.gif) center left no-repeat;	
}
a.mapitem {
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	padding-left:1.55em;
}
a.mapitem:hover {
	color:#92cc8b;
}


J'ai toujours ma petite image qui apparait à côté ....

Snif ....
Modifié par Jackisback (11 Nov 2008 - 23:08)
Bonjour,

Tes styles CSS pour ton menu sont mauvais, ou plutôt les sélecteurs sont mauvais: ils s'appliquent à tous les éléments UL de la page, et à tous les liens à l'intérieur des éléments UL. Ce qui n'est vraiment pas souhaitable.

Il faudrait donner un identifiant à ton menu (attribut id en HTML) et utiliser le sélecteur d'identifiant en CSS.
Salut,

C'est bon j'ai trouvé l'erreur ....

J'avais oublié le ul devant :

ul a.mapitem {
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	padding-left:0em;
	background:url() center left no-repeat;
}
ul a:hover .mapitem {
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	padding-left:0em;
	background:url() center left no-repeat;
}


C'était juste ça ... puisque la class= existait déjà donc pas besoin de id et en plus class est plus approprié que id car j'ai beaucoup d'élément identique dans ma page ...

Merci encore de m'avoir mis sur la piste ...

Bonne journée à vous tous ....
Faudrait savoir.

Un coup du tu utilise
a.mapitem:hover


Et un antre coup
ul a:hover .mapitem


Bon, c'est peut être voulu... mais bon
Sujet clos
Aller à