XHTML / CSS
hellfirewar
-
arthezius Messages postés 3538 Date d'inscription Statut Membre Dernière intervention -
arthezius Messages postés 3538 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Voila je suis débutant en Xhtml et css sa fait que 3 jours que je mis intéresse, comme c'est les vacances et qu'il fait froid, je sors pas beaucoup ^^ Enfin bref, j'aimerai savoir si ce serrai possible de mettre deux image en fond de page avec la commande "background-image" une image a gauche et une autre a droite ?
Ou si vous avez une solution pour que mon image ce mette automatiquement a la résolution de l'écran du visiteur sa serrai pas mal non plus :p
Merci, bonne soirée.
Voila je suis débutant en Xhtml et css sa fait que 3 jours que je mis intéresse, comme c'est les vacances et qu'il fait froid, je sors pas beaucoup ^^ Enfin bref, j'aimerai savoir si ce serrai possible de mettre deux image en fond de page avec la commande "background-image" une image a gauche et une autre a droite ?
Ou si vous avez une solution pour que mon image ce mette automatiquement a la résolution de l'écran du visiteur sa serrai pas mal non plus :p
Merci, bonne soirée.
A voir également:
- XHTML / CSS
- Css download - Télécharger - HTML
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
- Enlever soulignement lien css ✓ - Forum CSS
5 réponses
Merci pour vos réponse.
avion-f16 => Oui ma page est fixe mais quand j'ai rajouter mais deux image en une (1500*500) avec mon écran 22" sa va impeccable mais quand je vais sur un PC portable 15", on ne voix plus les images sur les coter. Surement que mon site n'est pas fixe alors ?
kenatix => Merci a toi, je vais tester ça ; )
avion-f16 => Oui ma page est fixe mais quand j'ai rajouter mais deux image en une (1500*500) avec mon écran 22" sa va impeccable mais quand je vais sur un PC portable 15", on ne voix plus les images sur les coter. Surement que mon site n'est pas fixe alors ?
kenatix => Merci a toi, je vais tester ça ; )
Salut.
Avec le CSS3, oui, mais il n'est pas encore standardisé.
Si la largeur de ton site est fixe, tu peux le faire avec une seule image. Cette image contiendra un espace blanc là où le corps de la page se placera. Et tu pourras ajouter les images à gauche et à droite.
Avec le CSS3, oui, mais il n'est pas encore standardisé.
Si la largeur de ton site est fixe, tu peux le faire avec une seule image. Cette image contiendra un espace blanc là où le corps de la page se placera. Et tu pourras ajouter les images à gauche et à droite.
Bonjour,
si tu veux faire ça avec du CSS, je te propose deux solutions:
-tu crées une image contenant tes deux backgrounds
-tu crées deux <div> qui seraient contenues dans une seule autre div et contenant chacune les images
si tu veux faire ça avec du CSS, je te propose deux solutions:
-tu crées une image contenant tes deux backgrounds
-tu crées deux <div> qui seraient contenues dans une seule autre div et contenant chacune les images
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Aucune solution ne fonctionne soit l'image ne ce dimensionne pas a la résolution de l'écran ou les deux images ce superpose cachant l'une des deux.
Voici le code css au départ:
body
{
background-image: url("fond1.jpg");
background-repeat: repeat-y;
background-position: center;
background-attachment: fixed;
}
Que dois-je faire pour ajouter un fond2.jpg a ma page ?
Voici le code css au départ:
body
{
background-image: url("fond1.jpg");
background-repeat: repeat-y;
background-position: center;
background-attachment: fixed;
}
Que dois-je faire pour ajouter un fond2.jpg a ma page ?
Adapter une image à la résolution de l'écran est pour moi une mauvaise idée.
Un exemple très simple est de voir ce que peu donner une image sur un écran en 1024x768 et de voir la même sur un qui serai en 1920x1080. Suivant la taille prévu pour l'image, soit l'image sera moche, soit tu devra placer une image qui sera assez lourde.
Le système avec deux div est un bon compris.
Tu peux rajouter min-width: # px; dans ton CSS pour définir une largeur minimal et donc empêcher les images de se chevaucher.
Tu peux sinon définir une largeur fixe a ton site...
Un exemple très simple est de voir ce que peu donner une image sur un écran en 1024x768 et de voir la même sur un qui serai en 1920x1080. Suivant la taille prévu pour l'image, soit l'image sera moche, soit tu devra placer une image qui sera assez lourde.
Le système avec deux div est un bon compris.
Tu peux rajouter min-width: # px; dans ton CSS pour définir une largeur minimal et donc empêcher les images de se chevaucher.
Tu peux sinon définir une largeur fixe a ton site...
