Css question "facile aide"
stevecarcare
Messages postés
125
Date d'inscription
Statut
Membre
Dernière intervention
-
notobe Messages postés 1952 Date d'inscription Statut Membre Dernière intervention -
notobe Messages postés 1952 Date d'inscription Statut Membre Dernière intervention -
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
A voir également:
- Css question "facile aide"
- 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
6 réponses
bonsoir,
pas possible pour faire ça il faut mettre une image en dessous du reste en html
genre :
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
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
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 !
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 !
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'
Voir aussi ce tuto en complément :
https://www.alsacreations.com/astuce/lire/50-comment-faire-un-arrire-plan-tirable.html