Css question "facile aide"
stevecarcare
Messages postés
161
Statut
Membre
-
notobe Messages postés 2222 Statut Membre -
notobe Messages postés 2222 Statut Membre -
Bonjour,
j ai mis une image je fond via body background...
sur mon pc nikel mais sur un autre elle se double etc donc solution css... mais l image est trop petite 1020*760
avec quel code mon image peut prendre tt les formats d ecran en pleine taille?
voici mon code
<style type="text/css">
body {
background: url('file:///F:/Theme%20Menu/Amour.jpg') no-repeat center;
}
</style
merci de votre aide
j ai mis une image je fond via body background...
sur mon pc nikel mais sur un autre elle se double etc donc solution css... mais l image est trop petite 1020*760
avec quel code mon image peut prendre tt les formats d ecran en pleine taille?
voici mon code
<style type="text/css">
body {
background: url('file:///F:/Theme%20Menu/Amour.jpg') no-repeat center;
}
</style
merci de votre aide
Configuration: Windows XP Internet Explorer 7.0
6 réponses
-
bonsoir,
pas possible pour faire ça il faut mettre une image en dessous du reste en html
genre :<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> <head> <title>Test Background</title> <style type="text/css"> #back { z-index : 0; position: fixed; top : 0; left: 0; width: 100%; } #back img { width: 100%; } #site { position: absolute; z-index : 1; } </style> </head> <body> <div id="back"><img src="image.jpg" alt="" /></div> <div id="site">Ton Site !!</div> </body> </html>
mais ce n'est pas terrible comme truc, si l'écran est grand l'image risque d'être fort pixelisé ou de ne pas prendre tout l'écran en hauteur
il faut que tu t'assures que l'image est plus grande en hauteur que tout les écran et que ca ne pixelise pas trop. le mieux reste de placer une image grâce a background-image en css et de mettre un fond qui se fonde bien avec l'image-
+1
Voir aussi ce tuto en complément :
https://www.alsacreations.com/astuce/lire/50-comment-faire-un-arrire-plan-tirable.html
-
-
en css c'est tout à fait faisable, au contraire
mais l'image me semble bien grande ... et va poser des problèmes selon les taille d'éécran
de plus ton chemin qui part de f: ... pas bon ! -
Comment redimensionnes tu une image de background en css ?
-
ca ne redimensionne pas l'image ça aussi ! ça ne l'adapte pas à la taille de l'écran
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
mais l image est trop petite 1020*760 avec quel code mon image peut prendre tt les formats d ecran en pleine taille?
_ 1 : non trop grande !
_ 2 : pas possible dans ces conditions pour 'tous les formats d'écran' -
Le plus simple est de mettre une image assez grande et la fixer.
En taille, prends dans le 1600x1024px.
Pour le fixer:background-attachment: fixed;
Toutefois, il n'y a pas moyen de l'adapter à la taille de l'écran.
Il faut prévoir en fonction des plus grand que tu es susceptible de croiser.
