Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > CSS
CSS Forum d'entraide sur l'utilisation des feuilles de style CSS. Avant de poster : Cours CSS, FAQ CSS, Galerie CSS
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 27/06/2011, 15h24   #1
Invité de passage
 
Homme Matthias Lemainque
Étudiant
Inscription : juin 2011
Messages : 3
Détails du profil
Informations personnelles :
Nom : Homme Matthias Lemainque
Localisation : France, Yvelines (Île de France)

Informations professionnelles :
Activité : Étudiant

Informations forums :
Inscription : juin 2011
Messages : 3
Points : 1
Points : 1
Par défaut Ordre d'affichage de plusieurs images du background dans un même <div>

Bonjour à tous,

Je suis actuellement en train de créer le design de mon site, en CSS, et plus spécialement le fond de ma page.
Je travaille pour l'instant en local.
J'ai beau cherché, je ne trouve pas de solution à mon problème sur le net.. Voici un aperçu de ma page :




Le problème est que le coin supérieur-gauche devrait être :





Il y a une petite bordure en trop, c'est moche, et c'est encore pire dans le bas de page.
J'en ai conclus qu'il y avait une superposition des images de coins avec celles des bordures ...
Voici le code CSS décrivant mon div "back", qui englobe tout le fond de le page :

Code :
1
2
3
4
5
6
7
8
9
10
background:
	url('images/feuilleHG.png') no-repeat scroll top left,
	url('images/feuilleH.png') repeat-x scroll top left,
	url('images/feuilleHD.png') no-repeat scroll right top,
	url('images/feuilleD.png') repeat-y scroll right,
	url('images/feuilleBD.png') no-repeat scroll right bottom,
	url('images/feuilleB.png') repeat-x scroll bottom,
	url('images/feuilleBG.png') no-repeat scroll left bottom,
	url('images/feuilleG.png') repeat-y scroll left;
background-color:#f8f8f8;
J'ai vu sur le net qu'il était possible de créer un div pour chaque morceau de l'arrière-plan.
Mais ceci me semble très lourd. N'y a-t-il pas un moyen pour directement définir l'ordre d'affichage des différents morceaux?
J'ai essayé en changeant l'ordre dans mon code, mais rien n'y fait. Et il me semble difficile d'intégrer un z-index dans mon code ...

Merci à tout ceux qui m'ont lu, et en espérant recevoir une réponse qui m'aidera

Matthias Lemainque.
Images attachées
Type de fichier : png feuilleHG.png (755 octets, 19 affichages)
Type de fichier : jpg Sans titre.jpg (74,9 Ko, 19 affichages)
Matyas94 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 27/06/2011, 16h12   #2
Rédacteur/Modérateur
 
Homme Jérome Debray
Responsable de projet
Inscription : mai 2009
Messages : 627
Détails du profil
Informations personnelles :
Nom : Homme 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
Salut,

le problème a l'air de venir de ton background-color.
Enlève le et vois ce qu'il se passe.

Regarde également au niveau de ton parent si il n'y a pas un padding qui traine et ferait apparaitre cette ligne.
ornitho13 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 27/06/2011, 17h33   #3
Invité de passage
 
Homme Matthias Lemainque
Étudiant
Inscription : juin 2011
Messages : 3
Détails du profil
Informations personnelles :
Nom : Homme Matthias Lemainque
Localisation : France, Yvelines (Île de France)

Informations professionnelles :
Activité : Étudiant

Informations forums :
Inscription : juin 2011
Messages : 3
Points : 1
Points : 1
Merci d'avoir répondu !!
Mais malheureusement, j'ai testé ce que tu m'as conseillé, et ça n'a rien changé au problème de bordure ...
Matyas94 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 27/06/2011, 20h32   #4
Invité de passage
 
Homme Matthias Lemainque
Étudiant
Inscription : juin 2011
Messages : 3
Détails du profil
Informations personnelles :
Nom : Homme Matthias Lemainque
Localisation : France, Yvelines (Île de France)

Informations professionnelles :
Activité : Étudiant

Informations forums :
Inscription : juin 2011
Messages : 3
Points : 1
Points : 1
Je pense que c'est pour ainsi dire résolu : j'ai remplacé le "transparent" par du blanc basique sur l'image du coin supérieur-droit, et ça marche!! Plus qu'à faire la même chose dans les 3 autres coins
Matyas94 est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 01h58.


 
 
 
 
Partenaires

Hébergement Web