Sujet Précédent Sujet Suivant

[Css] Problème de sous classe

Résolu/Fermé
djflexlive Messages postés 557 Date d'inscription mercredi 26 mars 2008 Statut Membre Dernière intervention 23 avril 2015 - 18 juin 2009 à 23:31
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 19 juin 2009 à 22:58
Bonjour,

Je souhaiterai appliquer sur certaines balises <li>, un background différent de celui de base. Là j'avoues que je sèches car j'ai beau faire plusieurs essais et le résultat est décevant ...

Je souhaiterai appliquer une balise de ce type <li style="w_fleche">

Le css actuel : 

<style type="text/css">
#demo_css {
	font-size: 12px;
	color: #000;
}

#demo_css ul {
	float: left;
	width: 259px;
	margin: 0;
	padding: 0;
	background: #d4d0c8;
}

#demo_css li {
	list-style-type : none;
	height: 32px;
	line-height: 16px;
	padding-left: 2px;
	background: url(os/small_fleche.gif) no-repeat right;
}

#demo_css li:hover {
	color: #FFF;
	background: url(os/small_fleche_hover.gif) no-repeat right #0a246a;
}
</style>


Merci à vous.

6 réponses

Réponse 1 / 6
babou054 Messages postés 162 Date d'inscription lundi 11 mai 2009 Statut Membre Dernière intervention 1 septembre 2009 11
19 juin 2009 à 12:16
kan tu appel un style ca ce passe comme ca :
<li class="w_fleche">
et pas comme ca :
<li style="w_fleche">
0
Réponse 2 / 6
djflexlive Messages postés 557 Date d'inscription mercredi 26 mars 2008 Statut Membre Dernière intervention 23 avril 2015 95
19 juin 2009 à 12:31
Oui désolé c'était la fatigue quand j'ai fais le post ...

<li class> ou <li id> mais j'aimerai créer le style dans la feuille css et ca je n'y arrive pas ...
0
Réponse 3 / 6
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
19 juin 2009 à 12:42
salut,

sélecteur générique pour tous les items : 
ul li{}

pour la classe concernée : 
ul li.w_fleche{}

pour une classe il faut un point (.), pour un identifiant il faut un dièse (#).
0
Réponse 4 / 6
djflexlive Messages postés 557 Date d'inscription mercredi 26 mars 2008 Statut Membre Dernière intervention 23 avril 2015 95
19 juin 2009 à 12:48
Merci.

Donc dans mon cas je dois l'appeller ainsi ? (cf. le style en début de post) :

#demo_css li.w_fleche

Et dans ma page <li class="w_fleche"> ?

Je crois que j'avais déjà essayé ainsi sans résultats. J'attends ta confirmation.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 6
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
19 juin 2009 à 13:44
c'est bien ça, tu peux ajouter du poids à la règle en ajoutant le container. 
#demo_css ul li.w_fleche{}

ça peut ne pas fonctionner pour plusieurs raisons, as-tu une version en ligne, qu'on puisse l'ausculter ?
0
Réponse 6 / 6
djflexlive Messages postés 557 Date d'inscription mercredi 26 mars 2008 Statut Membre Dernière intervention 23 avril 2015 95
19 juin 2009 à 22:25
Parfait ça fonctionne ! J'avais du intégrer un mauvais code ou ponctuation dans la feuille avec la fatigue ...

Merci bien et non je n'ai pas de version en ligne actuellement de ce que je code.

Thanks !
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
19 juin 2009 à 22:58
non je n'ai pas de version en ligne actuellement de ce que je code.
tu as trouvé, c'est l'essentiel !

bonne courage pour la suite !
-;o)
0

Discussions similaires

mettre une photo de classe sur copain d'avant
vava85 -
Le-Chat -

1 réponse
Comment retrouver sa photo de classe ?
minipupuce74 -
Utilisateur anonyme -

1 réponse
Comment retrouver les noms des élèves de ma classe si je ne m'en souvient pas ,
anonyme -
didi -

3 réponses
Photos de classe sur les RS et sur Internet
Lilo00 -
Lilo00 -

8 réponses
Activer le bluetooth classe A 180 cdi année 2005
hbcars -
Gus -

3 réponses