héritage et classe perso

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : héritage et classe perso

par Flo » 22 juil. 2005, 12:40

Ben écoute c'est vrai que c'était pas très clair mais je crois que j'ai trouvé quand même ! :D

Voilà ce qui marche dans mon cas:

Code : Tout sélectionner

div.icone h4{ /*les h4 contenus dans un div de la classe icone*/ position: absolute; width: 44px; height: 55px; top: 95px; background-repeat: no-repeat; background-position: bottom; text-align: center ; font-size: 10px; font-weight: normal; color: #B35533; z-index: 5; } div.icone h4#accueil{ /* les h4 de id accueil qui se trouvent dans un div de la classe icone*/ left: 260px; background-image: url(./img/bout_accueil.jpg); }
puis:

Code : Tout sélectionner

<div class="icone"><h4 id="accueil">Accueil</h4></div> [quote]
Je fais vais pouvoir facilement multilplier les div.icone h4#id maintenant...
Merci !
:lol:

par mere-teresa » 22 juil. 2005, 12:09

Sache que tu peux utiliser la cascade (le C de CSS) pour tes feuilles de style.
Pour ma part, j'aurais pas mis Accueil dans une div mais dans un bête h1 si c'est le titre principal. Et après, j'aurais dit :

Code : Tout sélectionner

h1.icone{ /*tous les h1 de la classe icone*/ } div.icone h1{ /*les h1 contenus dans un div de la classe icone*/ } div.icone h1#accueil{ /* les h1 de id acceil qui se trouvent dans un div de la classe icone*/ }

Hum, mes exemples sont peu clairs et je m'en excuse. Aussi étudie attentivement Comprendre la cascade, un tuto...

héritage et classe perso

par Flo » 22 juil. 2005, 11:57

Salut,
Je voudrais, pour me simplifier la vie et surtout ma css, créer une classe commune et ensuite des id qui héritent des attributs de cette dernière.
Est-ce possible et est-ce une bonne idée ?
Voici ou j'en suis pour l'instant:

Code : Tout sélectionner

.icone { position: absolute; width: 44px; height: 50px; top: 99px; background-repeat: no-repeat; background-position: bottom; text-align: center ; font-size: 10px; color: #B35533; z-index: 5; } .icone, #accueil { left: 260px; background-image: url(./img/bout_accueil.jpg); }
Et sur la page j'ai:

Code : Tout sélectionner

<div class="icone"><a href="#"><div id="accueil">Accueil</div></a></div>
C'est bien parti ou pas ? à l'affichage c'est pas bon en tout cas.