CSS: image de fond
m_a_xim
Messages postés
5
Statut
Membre
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonjour,
Je voudrais définir une image de fond "fixed" qui commence au point "0 0" de mon conteneur 1 et non de la page.
De plus je voudrais que l'image de fond du conteneur 2 commence au même point "0 0" du conteneur 1.
<1>
<2>
</2>
</1>
Je voudrais définir une image de fond "fixed" qui commence au point "0 0" de mon conteneur 1 et non de la page.
De plus je voudrais que l'image de fond du conteneur 2 commence au même point "0 0" du conteneur 1.
<1>
<2>
</2>
</1>
A voir également:
- CSS: image de fond
- Css download - Télécharger - HTML
- Enlever soulignement lien css ✓ - Forum CSS
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
5 réponses
Bonsoir,
Voici le code à insérer et à modifier à ta guise :
Ensuite tu rajoutes ce que tu souhaites pour que tes blocs soient comme tu le désires.
Bonne fin de soirée.
Voici le code à insérer et à modifier à ta guise :
#conteneur1 {
background-image:url(http://www.monsite.com/image/fond.jpg);
background-attachment:fixed;
}
#conteneur2 {
background-image:url(http://www.monsite.com/image/fond2.jpg);
background-attachment:fixed;
}
Ensuite tu rajoutes ce que tu souhaites pour que tes blocs soient comme tu le désires.
Bonne fin de soirée.
Merci mais le problème si je mets "fixed" est que l'image commencera alors au pixel 0 0 de la page et non du conteneur.
J'ai essayé mais le pixel 0 de l'image n'est pas visible car il ne se trouve pas dans le conteneur qui se trouve centrer dans la page.
C'est ce que j'essayais de dire.
schéma avec les pixels de l'image numérotés de 0 à 9:
0 1 2 3 4 5 6 7 8 9
_ _ _ _ -------------- _ _ _ _
_: body
- : conteneur
C'est à dire que 0,1,2,3 ne sont pas visibles.
Si l'ecran est large ca donne:
0 1 2 3 4 5 6 7 8 9 (ici y'a le fond de la page et ca fait moche
_ _ _ _ _ _ _ ----------------- _ _ _ _ _ _ _
(ou alors il faut mettre repeat mais je ne veux pas)
Je voudrais ca:
'''''''''''''0 1 2 3 4 5 6 7 8 9
_ _ _ _ --------------- _ _ _ _
C'est ce que j'essayais de dire.
schéma avec les pixels de l'image numérotés de 0 à 9:
0 1 2 3 4 5 6 7 8 9
_ _ _ _ -------------- _ _ _ _
_: body
- : conteneur
C'est à dire que 0,1,2,3 ne sont pas visibles.
Si l'ecran est large ca donne:
0 1 2 3 4 5 6 7 8 9 (ici y'a le fond de la page et ca fait moche
_ _ _ _ _ _ _ ----------------- _ _ _ _ _ _ _
(ou alors il faut mettre repeat mais je ne veux pas)
Je voudrais ca:
'''''''''''''0 1 2 3 4 5 6 7 8 9
_ _ _ _ --------------- _ _ _ _
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Fais une capture d'écran de ta page ou même mieux, si tu peux, donne moi l'url de la page.
Sinon, je vais essayer de t'aider avec ses renseignements là :
Dans ton css, assure-toi d'avoir :
Remplace les ??? par les dimensions de tes blocs.
Dans ta page html :
Sinon, je vais essayer de t'aider avec ses renseignements là :
Dans ton css, assure-toi d'avoir :
body {
text-align:center;
}
#conteneur1 {
background-image:url(http://www.monsite.com/image/fond.jpg);
background-attachment:fixed;
height:???px;
width:???px;
}
#conteneur2 {
background-image:url(http://www.monsite.com/image/fond2.jpg);
background-attachment:fixed;
height:???px;
width:???px;
}
Remplace les ??? par les dimensions de tes blocs.
Dans ta page html :
<html>
<head>
<title>Titre de ta page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="conteneur1>
<div id="conteneur2>
</div>
</div>
</body>
</html>
