Discussion :

[Crockets]

Bonjour,

Voici mon petit souci, le fond de mon site contien un haut de page et un bas de page, en ce qui concerne le milieu, il faut que je mette une image a répétition. cependant, je n'arrive pas a lui dir de prendre la hauteur restante pour faire répéter l'image dans le calque. voici mon code:

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
.fond {
    z-index:1;
    width:1160;
    height:590;
    top:0;
    background-image:url("fond.gif");
}
.repetition {
    z-index:1;
    width:1160;
    height:?????;
    background-image:url("repetition.gif");
    background-repeat:repeat-x;
}
.bas {
    z-index:1;
    width:1160;
    height:62;
    background-image:url("bas.gif");
}

De plus, j'ai un calque déclaré plus haut dans ma page d'index, mais il refuse catégoriquement de ce superposé sur les autres, il décale tout vers le bas, je dois bien jouer avec le z-index, mais ça ne marche pas..


merci d'avance

[Erwan31]

Bonjour,
voici ton code commenté:

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
.fond {
    position:relative;
    z-index:1;
    top:0;
    width:1160px;
    height:590px;
    background: url(fond.gif); /*enlever les guillemets*/
}
.repetition {
    position:relative;
    z-index:1;
    width:1160px;
    background:url(repetition.gif) repeat-x;
}
.bas {
    position:relative;
    z-index:1;
    width:1160px;
    height:62px;
    background: url(bas.gif);
}

La propriété z-index et les propriétés de positionnement (top, right...) ne sont appliqués que sur les éléments positionnés (absolute, relative ou fixed)

Tu as oublié de mettre l'unité pixel à tes dimensions, toujours indiquer l'unité en CSS (contrairement au HTML) sauf pour la valeur 0.
Les valeurs sans unités ne sont interprétées qu'en mode de rendu Quirks (non standard > à éviter. Faire une recherche pour plus d'info).
Si c'est le cas je te conseil de corriger cela.

D'autre part une largeur fixe de 1160px est trop importante : un majorité d'utilisateurs sont encore en 1024x768.

Ca ne résoudra peut-être pas ton problème mais ça limitera au moins la casse.

[Crockets]

ça fonctionne très bien, merci beaucoup.

En ce qui concerne la largeur de 1160, je n'ai malheureusement pas trop le choix, cette dimentione est fixée par le template de mon employeur...

[Erwan31]

ça fonctionne très bien, merci beaucoup.

En ce qui concerne la largeur de 1160, je n'ai malheureusement pas trop le choix, cette dimentione est fixée par le template de mon employeur...

Arf, ben faudra quand même lui expliquer ce que je t'ai dis à l'employeur si tu en as la possibilité

[Crockets]

heuuuu premier jour de travail.... je vais commencer soft ^.^

[Erwan31]

heuuuu premier jour de travail.... je vais commencer soft ^.^

D'accord, d'accord en effet. L'an prochain alors