Sujet Précédent Sujet Suivant

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
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
A voir également:

6 réponses

Réponse 1 / 6
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
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
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
3 févr. 2010 à 13:23
+1
Voir aussi ce tuto en complément :
https://www.alsacreations.com/astuce/lire/50-comment-faire-un-arrire-plan-tirable.html
0
Réponse 2 / 6
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
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 !
0
Réponse 3 / 6
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
Comment redimensionnes tu une image de background en css ?
0
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
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 ...
0
Réponse 4 / 6
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
ca ne redimensionne pas l'image ça aussi ! ça ne l'adapte pas à la taille de l'écran
0

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

Posez votre question
Réponse 5 / 6
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 
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'
0
Réponse 6 / 6
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
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.
0

Discussions similaires

trait horizontal avec du css
tipi75 -
tipi75 -

8 réponses
Enlever le soulignement sous les liens en HTML/CSS
baissaoui -
baissaoui -

0 réponse
[CSS] Forcé retour à la ligne
aKuma59 -
zigoss -

33 réponses
HTML - définir taille bouton
Diva -
Utilisateur anonyme -

14 réponses
CSS/Comment enlever couleur liens ?
alexou1984 -
Tonio -

6 réponses