XHTML / CSS

Fermé
hellfirewar - 5 janv. 2011 à 18:28
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 - 5 janv. 2011 à 21:12
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.



5 réponses

hellfirewar Messages postés 57 Date d'inscription lundi 16 août 2010 Statut Membre Dernière intervention 13 septembre 2011 1
5 janv. 2011 à 20:11
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 ; )
1
avion-f16 Messages postés 19244 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 17 avril 2024 4 496
5 janv. 2011 à 19:15
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.
0
^^Lucky luke^^ Messages postés 1808 Date d'inscription lundi 6 décembre 2010 Statut Modérateur Dernière intervention 6 mai 2014 161
5 janv. 2011 à 19:34
Salut, si tu débutes, tu peux trouver des cours gratuits sur le site de zéro ;-)
0
Utilisateur anonyme
5 janv. 2011 à 19:46
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
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
hellfirewar Messages postés 57 Date d'inscription lundi 16 août 2010 Statut Membre Dernière intervention 13 septembre 2011 1
5 janv. 2011 à 21:03
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 ?
0
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
5 janv. 2011 à 21:12
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...
0