Probleme d'heritage de class

Bonjour j'ai un ptit pb sur un héritage de class css, j'ai pourtant suivi le tuto qui est en ligne mais rien a faire, pourtant ca a l'air si simple.

Parent:

#h_td1
{
	width: 203px;
	height: 142px;	
	position:relative;
	background-repeat:no-repeat;
}

Enfant

#h_td1 #accueil
{
	background-image:url(img_site/h_gauche.gif);
}

je voudrais me servir de la class "accueil" qui est enfant de "h_td1" et donc hérite de ces propriétés.
Seul hic, ca marche pas

Bonjour Myfred et bienvenue sur ce forum,

Peux-tu mettre le bout de code html correspondand ?

Là, dans l'immédiat, c'est un peu normal;ce ne sont pas des class que tu déclares, mais des ID(entifiants) !!!

Ensuite, pour déclarer #accueil, tu n'as besoin de rien mettre devant puisque c'est un identifiant unique.

voici en gros le html correspondant

<table>
   <tr>
      <td id="accueil">
         <!--Image de structure du site-->
      </td>
      <td id="h_td2">
         <!--Image de structure du site-->
      </td>
   </tr>
</table>

Salut Myfred,

Ste disait que tu n'as aucune classe dans ton code...

cf Différence entre class et id

et #h_td1 #accueil n'existe pas dans ton code actuel. Il suffit simplement de mettre #accueil dans le CSS, ce dernier ne faisant pas parti de #h_td1 (qui n'est pas défini ).

Myfred a écrit :

je voudrais me servir de la class "accueil" qui est enfant de "h_td1" et donc hérite de ces propriétés.
Seul hic, ca marche pas

Je ne vois pas h_td1 dans ton code.

Par ailleurs, il ne s'agit pas de classe mais d'indentifiant.
Voir : http://css.alsacreations.com/Bases-et-indispensables/Quelle-est-la-difference-entre-une-classe-et-un-id

Enfin, ce forum est spécialisé dans le développement de sites conformes aux standards du web.

Par exemple, il est possible et préférable de faire une mise en page sans utiliser les tables, ce que nous préconisons ici.

Nous espérons que cette première visite et la lecture de ces pages te conduiront à évoluer et nous serons heureux de t'aider à y parvenir.
Modifié par Vero (12 Sep 2006 - 14:21)

Ce que je veux faire c'est une espece de fonction qui serait commune a toute les class, j'ai juste une propriété a changer.

Coté css

fonction commmune(){
- aligné a droite
- 51 pixel de hauteur
- 69 de longueur
- ...
}

.accueil{
  // inclure commune()
  bgcolor = bleu
}

.bidulle{
  // inclure commune()
  bgcolor = rouge
}

.Martin{
  // inclure commune()
  bgcolor = jaune
}

.barbie{
  // inclure commune()
  bgcolor = rose
}

Coté html

<table>
  <tr>
    <td id="<?php echo $variablebgcolor; ?>">
    </td>
  </tr>
</table>

Je pense que l'héritage soit une bonne idée, le pb cest que je suis une quiche en css
Modifié par Myfred (12 Sep 2006 - 14:40)

Si tu tiens à faire ça, tu peux le déclarer comme ça:

#boite
{
width: 69px;
height: 51px;	
}

#accueil {background-color: blue;}

#bidule {background-color: red;}

puis ton html

<div class= "boite accueil">blabla sur fond bleu</div>
<div class= "boite bidule">blabla sur fond rouge</div>

On peut définir plusieurs classes dans les blocs, c'est ce que tu chercheais à faire?
Modifié par Vikchill (12 Sep 2006 - 14:49)

dis moi pas qu'sé pas vrai! ca marche ca?
Je vais essayer jte tiens au courant

Vous connaissez des bons bouquins pour se mettre au css, alsacreation n'en a pas encore sorti un?

http://www.alsacreations.com/livre/
Modifié par koala64 (12 Sep 2006 - 14:52)

Myfred a écrit :

Vous connaissez des bons bouquins pour se mettre au css, alsacreation n'en a pas encore sorti un?

Si! Enfin pas tout à fait, disons que le grand manitou d'AlsacréationS a fait un très bon bouquin (enfin j'ai beaucoup aimé, mais je suis looooooooin d'être le seul):

http://www.alsacreations.com/livre/

[EDIT: owned par la bestiole jaune ]
Modifié par Vikchill (12 Sep 2006 - 14:54)

Myfred a écrit :
Je pense que l'héritage soit une bonne idée, le pb cest que je suis une quiche en css

Justement, commencer un peu à se former à la syntaxe CSS et surtout à la syntaxe des différents sélecteurs CSS, n'est-ce pas le meilleur moyen d'être en mesure de régler ton problème ?

Ça ne te demande pas de maîtriser tout CSS, mais au moins la syntaxe des sélecteurs.

Vikchill a écrit :

#boite
{
width: 69px;
height: 51px;	
}
#accueil {background-color: blue;}
#bidule {background-color: red;}

puis ton html

<div class= "boite accueil">blabla sur fond bleu</div>
<div class= "boite bidule">blabla sur fond rouge</div>

Oui et non. Effectivement, on peut définir plusieurs classes pour un même élément. Mais le code que tu donnes est faux.
Version corrigée :

.boite
{
width: 69px;
height: 51px;	
}
.accueil {background-color: blue;}
.bidule {background-color: red;}

puis ton html

<div class="boite accueil">blabla sur fond bleu</div>
<div class="boite bidule">blabla sur fond rouge</div>

Il y a moyen de faire quelque chose de plus optimisé, mais ça marchera, ce qui est déjà pas mal.

Bon merci pour tout ca marche du tonnere, mais j'ai du remplacer les # du css par des . si je voulais conserver le mot "class" dans le html
Modifié par Myfred (12 Sep 2006 - 16:16)

le gourou a été plus rapide que moi

Arf, désolé pour la bourde

koala64 a écrit :
http://www.alsacreations.com/livre/

Un autre très bon bouquin est le "CSS par Eric Meyer" ...
qui est un de mes "livres de chevets" concernant les standards w3c

oui, je sais... C'est par là que j'ai commencé...

Myfred a écrit :
Bon merci pour tout ca marche du tonnere, mais j'ai du remplacer les # du css par des . si je voulais conserver le mot "class" dans le html

Bravo
Tu considères que ce sujet est [Résolu] ?