Discussion :

[filescan]

Bonjour,

Je suis face à un petit problème, j'ai la balise css suivante:

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
.propertiesDiv
{   
    background: url("../images/arrow-up-bar.jpg") no-repeat 0 0;
    width=100%;
    border: none;
    height: 25px;
    margin:0px;
    letter-spacing: 0;
    cursor:pointer;
 
}

et la div suivante :

Code html :

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

1
2
 
<div class="propertiesDiv" id="properties" Onclick="javascript:change_class1();"> mon mot </div>

Or l'image que j'affiche dans la div prend exactement la dimension de l'image dans le fichier ce qui est normal. Mais je voudrais que l'image prenne la taille complète de la div? j'ai essayé des propositions sur le net comme ajouter width=100%;height: 100%; ou encore background-size: 100%; mais rien de cela ne marche si vous avez une idée je suis preneur merci

[Macmillenium]

Bonjour,

C'est faisable mais as tu pensé au coté esthétique

Code css :

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
24
.propertiesDiv
{   
    /* background: url("../images/arrow-up-bar.jpg") no-repeat 0 0; */
    /* width:100%; */
    border: none;
    height: 25px;
    margin:0px;
    letter-spacing: 0;
    cursor:pointer;
    position:relative;
 
}

.propertiesDiv img {
 width:100%;
 position:absolute;
 z-index:1;
}

.contenu {
 position:relative;
 z-index:2;
}

Code html :

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

1
2
3
4
5
 
<div class="propertiesDiv" id="properties" onclick="javascript:change_class1();"> 
  <img src="../images/arrow-up-bar.jpg" alt="" />
  <div class="contenu">mon mot</div> 
</div>

[filescan]

merci,es possible de garder le lien vers l'image dans la css?

car j'ai la fonction javascript:change_class1(); assigné a la div qui change après click l'objet css et donc l'image! sauf si y a moyen de changer src?

[Macmillenium]

merci,es possible de garder le lien vers l'image dans la css?

Non.

sauf si y a moyen de changer src?

Oui.

Code javascript :

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

1
2
 
document.getElementById('id_de_img').src='chemin_nouvelle_img';

[filescan]

merci beaucoup Macmillenium t'es vraiment efficace et précis!