héritage et classe perso

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.

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...

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 !

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 !

héritage et classe perso

Qui est en ligne