2 images de fond - problème d'alignement [Résolu]

ArianeA · 16/01/2011, 17h35

Bonjour,
J'ai fait une recherche sur le forum, mais n'ai rien trouvé.

Voici mon problème :
J'ai 2 images de fond :
- une image de 1400 pixels de large, centrée
- une petite image (sous l'image de 1400px) qui se répète avec repeat-x
Le souci est que suivant la résolution d'écran, l'image qui se répète n'est pas bien alignée. Comme vous pouvez le voir sur l'image jointe, la distance entre les triangles n'est pas régulière.

Comment puis-je faire pour que les triangles soient toujours bien alignés ? Il faudrait que l'image qui se répète puisse partir du centre de la page.
J'aimerais éviter d'utiliser le CSS3 puisqu'encore trop récent.

Merci !

iperfranck · 17/01/2011, 13h33

t'as pas un bout de code ?

ArianeA · 17/01/2011, 13h51

Voici un extrait de ma feuille de style :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #400040;
    background: #F3EC9D url(images/fondPagesTriforces.png) repeat-x;
    margin: 0;
    padding: 0;
}
#imageFond {
    background: #F3EC9D url(images/fondPagesNuages.png) no-repeat 50% 0%;
    max-width: 1400px;
    margin: auto;
}

Les petits triangles sont dans le body et l'autre image de fond est dans le <div id="imageFond">

Merci.

ArianeA · 05/02/2011, 13h57

Bonjour,
Personne n'a d'idée ?
Est-ce que qqn connaît un autre site spécialisé sur les CSS ?
Merci.

ornitho13 · 05/02/2011, 15h26

Peux tu fournir le code HTML lié à ta demande ?
merci

ArianeA · 05/02/2011, 15h45

Bonjour,
J'ai déjà donné le principal dans une réponse.

#imageFond est lié à un <div> qui se trouve juste après <body> sur les pages.

Je pense pas que ce soit utile de donner le reste de la CSS et le code html, mais si c'est le cas, je le fais

Merci !

ornitho13 · 05/02/2011, 15h59

En fait j'aimerai bien tous le code html et css pour voir si on ne pas changer la structure pour obtenir ce que tu souhaites

ArianeA · 05/02/2011, 16h20

Oh la la, alors si tu veux tout ça, je te réponds par MP.
Mais tu penses que c'est possible ?

NoSmoking · 07/02/2011, 19h54

une amorce de réponse, mets la DIV contenant l'image de fond en position absolute sur le BODY, mais chut!!!!!!!!!

ArianeA · 07/02/2011, 20h07

Merci NoSmoking, mais ornitho13 a résolu mon problème !

Si qqn sait comment je peux signaler ce sujet comme réglé...

NoSmoking · 07/02/2011, 20h22

bouton résolu

16/01/2011, 17h35	#1
ArianeA Invité régulier Inscription : juin 2008 Messages : 36 Détails du profil Informations personnelles : Localisation : Suisse Informations forums : Inscription : juin 2008 Messages : 36 Points : 5 Points : 5	2 images de fond - problème d'alignement Bonjour, J'ai fait une recherche sur le forum, mais n'ai rien trouvé. Voici mon problème : J'ai 2 images de fond : - une image de 1400 pixels de large, centrée - une petite image (sous l'image de 1400px) qui se répète avec repeat-x Le souci est que suivant la résolution d'écran, l'image qui se répète n'est pas bien alignée. Comme vous pouvez le voir sur l'image jointe, la distance entre les triangles n'est pas régulière. Comment puis-je faire pour que les triangles soient toujours bien alignés ? Il faudrait que l'image qui se répète puisse partir du centre de la page. J'aimerais éviter d'utiliser le CSS3 puisqu'encore trop récent. Merci !
	00

17/01/2011, 13h33	#2
iperfranck Invité de passage Inscription : janvier 2011 Messages : 3 Détails du profil Informations forums : Inscription : janvier 2011 Messages : 3 Points : 2 Points : 2	t'as pas un bout de code ?
	00

05/02/2011, 13h57	#4
ArianeA Invité régulier Inscription : juin 2008 Messages : 36 Détails du profil Informations personnelles : Localisation : Suisse Informations forums : Inscription : juin 2008 Messages : 36 Points : 5 Points : 5	Bonjour, Personne n'a d'idée ? Est-ce que qqn connaît un autre site spécialisé sur les CSS ? Merci.
	00

05/02/2011, 15h26	#5
ornitho13 Rédacteur/Modérateur Jérome Debray Responsable de projet Inscription : mai 2009 Messages : 627 Détails du profil Informations personnelles : Nom : Jérome Debray Âge : 32 Localisation : France Informations professionnelles : Activité : Responsable de projet Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mai 2009 Messages : 627 Points : 3 064 Points : 3 064	Peux tu fournir le code HTML lié à ta demande ? merci
	00

05/02/2011, 15h45	#6
ArianeA Invité régulier Inscription : juin 2008 Messages : 36 Détails du profil Informations personnelles : Localisation : Suisse Informations forums : Inscription : juin 2008 Messages : 36 Points : 5 Points : 5	Bonjour, J'ai déjà donné le principal dans une réponse. #imageFond est lié à un <div> qui se trouve juste après <body> sur les pages. Je pense pas que ce soit utile de donner le reste de la CSS et le code html, mais si c'est le cas, je le fais Merci !
	00

05/02/2011, 15h59	#7
ornitho13 Rédacteur/Modérateur Jérome Debray Responsable de projet Inscription : mai 2009 Messages : 627 Détails du profil Informations personnelles : Nom : Jérome Debray Âge : 32 Localisation : France Informations professionnelles : Activité : Responsable de projet Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mai 2009 Messages : 627 Points : 3 064 Points : 3 064	En fait j'aimerai bien tous le code html et css pour voir si on ne pas changer la structure pour obtenir ce que tu souhaites
	00

05/02/2011, 16h20	#8
ArianeA Invité régulier Inscription : juin 2008 Messages : 36 Détails du profil Informations personnelles : Localisation : Suisse Informations forums : Inscription : juin 2008 Messages : 36 Points : 5 Points : 5	Oh la la, alors si tu veux tout ça, je te réponds par MP. Mais tu penses que c'est possible ?
	00

07/02/2011, 19h54	#9
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 930 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 930 Points : 4 744 Points : 4 744	une amorce de réponse, mets la DIV contenant l'image de fond en position absolute sur le BODY, mais chut!!!!!!!!!
	00

07/02/2011, 20h07	#10
ArianeA Invité régulier Inscription : juin 2008 Messages : 36 Détails du profil Informations personnelles : Localisation : Suisse Informations forums : Inscription : juin 2008 Messages : 36 Points : 5 Points : 5	Merci NoSmoking, mais ornitho13 a résolu mon problème ! Si qqn sait comment je peux signaler ce sujet comme réglé...
	00

07/02/2011, 20h22	#11
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 930 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 930 Points : 4 744 Points : 4 744	bouton résolu
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email