Css question "facile aide"
Fermé
stevecarcare
Messages postés
125
Date d'inscription
vendredi 23 octobre 2009
Statut
Membre
Dernière intervention
3 mars 2010
-
3 févr. 2010 à 00:40
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 - 3 févr. 2010 à 13:23
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 - 3 févr. 2010 à 13:23
A voir également:
- Css question "facile aide"
- Css premier plan ✓ - Forum CSS
- Css exposant ✓ - Forum CSS
- Css download - Télécharger - HTML
- Css retour à la ligne ✓ - Forum CSS
- Saut de lignes sans <br/> ✓ - Forum Webmastering
6 réponses
Atropa
Messages postés
1940
Date d'inscription
mercredi 25 juin 2008
Statut
Membre
Dernière intervention
11 mai 2014
274
3 févr. 2010 à 01:17
3 févr. 2010 à 01:17
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
bg62
Messages postés
23652
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
29 octobre 2024
2 384
3 févr. 2010 à 02:04
3 févr. 2010 à 02:04
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 !
Atropa
Messages postés
1940
Date d'inscription
mercredi 25 juin 2008
Statut
Membre
Dernière intervention
11 mai 2014
274
3 févr. 2010 à 03:02
3 févr. 2010 à 03:02
Comment redimensionnes tu une image de background en css ?
bg62
Messages postés
23652
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
29 octobre 2024
2 384
3 févr. 2010 à 10:19
3 févr. 2010 à 10:19
tu change les paramètres de largeur et hauteur dans la css, sans oublier de mettre l'image à la même taille, question de 'poids' dans la page ...
Atropa
Messages postés
1940
Date d'inscription
mercredi 25 juin 2008
Statut
Membre
Dernière intervention
11 mai 2014
274
3 févr. 2010 à 12:01
3 févr. 2010 à 12:01
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
bg62
Messages postés
23652
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
29 octobre 2024
2 384
3 févr. 2010 à 12:17
3 févr. 2010 à 12:17
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'
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
475
3 févr. 2010 à 13:04
3 févr. 2010 à 13:04
Le plus simple est de mettre une image assez grande et la fixer.
En taille, prends dans le 1600x1024px.
Pour le fixer:
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.
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.
3 févr. 2010 à 13:23
Voir aussi ce tuto en complément :
https://www.alsacreations.com/astuce/lire/50-comment-faire-un-arrire-plan-tirable.html