Background et bandeau du haut

Bonjour,

J'essai tant bien que mal de réaliser la chose suivante :

J'ai un background qui se répéte en x et y en fond dans mon body.
Je souhaiterais mettre un bandeau qui se répéte en haut et dans l'axe X.

Et ça se corse car je sais pas trop comment m'y prendre.

Si quelqu'un a la solution, je suis preneur.

Merci

Bonjour,

yeap a écrit :
J'ai un background qui se répéte en x et y en fond dans mon body.

==>

body {background-image: url(ton_image.extension);}

yeap a écrit :
Je souhaiterais mettre un bandeau qui se répéte en haut et dans l'axe X.

==> Placer un DIV au début du BODY avec ton bandeau et le CSS qui va bien.
N'oublie pas de préciser la hauteur du DIV en fonction de la hauteur du bandeau .

Cordialement
Modifié par lddsoft (29 Nov 2012 - 17:24)

au cas ou pour faire répéter un background uniquement en X ou Y il faut mettre :

background-repeat : repeat-x ou repeat-y

Salut à vous

Je profite de ce post car je rencontre grosso-modo le même soucis : je n'arrive pas à faire répéter une image en vertical (il s'agit de la petite branche de sapin qu'on voit en haut à gauche de mon site web visible ici et que j'aimerais voir se décliner en vertical)

J'ai dans mon fichier css, le code suivant :

a écrit :
/* frise gauche */
div#frise_gauche {
top: 0;
left: 0;
width: 3%;
height: 53px;
position: fixed;
background: url(../images/frise_branche_sapin_53x130.png) left top;
background-repeat: repeat-y;
z-index: 1000;
}

Quelqu'un peut il me dire ce qui "merdouille" ?

Merci pour votre aide
Modifié par miroune (02 Dec 2012 - 21:00)

bonjour,
Plutôt que

background: url(../images/frise_branche_sapin_53x130.png) left top;

écrire

background: url(../images/frise_branche_sapin_53x130.png);

background-position: left top;

Merci mais ça ne fonctionne toujours pas

J'ai ré-écrit le code comme indiqué :

a écrit :
/* frise gauche */
div#frise_gauche {
top: 0;
left: 0;
width: 3%;
height: 53px;
position: fixed;
background: url(../images/frise_branche_sapin_53x130.png);
background-position: left top;
background-repeat: repeat-y;
z-index: 1000;
}

Mais ma branche de sapin ne se décline toujours pas en vertical.

Une autre idée ?

As-tu vérifié le chemin de ton image?

Le chemin est le bon puisque j'ai l'image qui s'affiche (mais une seule fois en haut à gauche) au lieu de se répéter verticalement.

Voir le lien vers mon site pour la voir apparaitre

Passe ton height à 100%.

Effectivement l'image s'affiche maintenant sur toute la verticalité, mais je rencontre du coup un autre soucis : les lien de mon menu de navigation ne sont plus cliquables si je positionne à 100%

je ne sais du coup pas comment faire pour mettre le menu "par dessus cette image
Modifié par miroune (02 Dec 2012 - 21:53)