Discussion :

[calitom]

Bonjour,

Je souhaite attribuer une classe css à un div alors qu'il a déjà un style css attribué...

Voici le code css:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
.bt_sup_image {
	margin-left: 110px;
	margin-top:-10px;
	background: url(doc/cursor_delete.gif) no-repeat scroll 0% 50%;
	border: 0px;
	cursor: hand;
	opacity: 0.700;
	width: 25px;
	height: 25px;
	position: absolute;
}
 
#Visualisateur_image div {
	margin: 5px;
	width: 120px;
	height: 120px;
	border-style: solid;
	border-width: 5px;
	border-color: #DEDFDE;
	float: left;
	background:white;
}

Et le html:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<div id=Visualisateur_image>
  <div id='div1'>
    <div id='div2' class="bt_sup_image"></div>
  <div>
</div>

Le problème est que le div1 prend le style css de #Visualisateur_image div
Et le div 2 aussi, alors que je lui précise pourtant une classe css différente...

Comment faire pour que le div2 utilise la classe bt_sup_image au lieu de #Visualisateur_image div?

[Bisûnûrs]

Tu déclares #Visualisateur_image div après .bt_sup_image, donc les valeurs sont écrasées ..

[calitom]

J'ai déjà essayé de les inverser, mais ca ne change rien...

[calitom]

Y a t'il une autre solution pour dire que seul certains divs du div Visualisateur_image se rapportent à la classe #Visualisateur_image div et que certains autres se rapportent à une autre classe css autrement dit : .bt_sup_image

Parce que pour le moment, ca marche si je met dans la balise style du div concerné le contenu de la classe .bt_sup_image, mais ce n'est pas pratique, car j'ai à le répéter, donc ca serait mieux de pouvoir définir une classe...

[franculo_caoulene]

Salut,

Ca dépend de la spécifité du sélecteur. La sélection d'un élément par son id étant plus spécifique que par sa classe les styles ne sont pas affectés à l'élément sélectionné.
La règle de Bisûnûrs fonctionne pour des éléments sélectionnés avec la même spécificité.

D'après le code que tu donnes tu peux sélectionner #div2. Seulement, je doute que c'est ce que tu souhaites.

Petit détail, je ne pense pas qu'IE accepte de faire sortir un div de son conteneur via le positionnement. Au mieux, il sera découpé.

[Bisûnûrs]

Donc rajouter #Visualisateur_image div devant .bt_sup_image :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
#Visualisateur_image div.bt_sup_image{
   ...
}

De plus, un petit problème dans ton code HTML, le div1 n'est pas fermé.