Forum d'entraide PHPFrance

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.

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

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 !

Forum d'entraide PHPFrance

héritage et classe perso

héritage et classe perso