CSS: image de fond
Fermé
m_a_xim
Messages postés
5
Date d'inscription
dimanche 4 novembre 2007
Statut
Membre
Dernière intervention
9 décembre 2007
-
9 déc. 2007 à 15:35
Utilisateur anonyme - 9 déc. 2007 à 16:12
Utilisateur anonyme - 9 déc. 2007 à 16:12
A voir également:
- CSS: image de fond
- Enlever couleur lien css ✓ - Forum CSS
- Css premier plan ✓ - Forum CSS
- Css download - Télécharger - HTML
- Background color css ✓ - Forum CSS
- Css retour à la ligne ✓ - Forum CSS
5 réponses
Utilisateur anonyme
9 déc. 2007 à 15:44
9 déc. 2007 à 15:44
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.
m_a_xim
Messages postés
5
Date d'inscription
dimanche 4 novembre 2007
Statut
Membre
Dernière intervention
9 décembre 2007
9 déc. 2007 à 15:48
9 déc. 2007 à 15:48
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.
m_a_xim
Messages postés
5
Date d'inscription
dimanche 4 novembre 2007
Statut
Membre
Dernière intervention
9 décembre 2007
9 déc. 2007 à 16:04
9 déc. 2007 à 16:04
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
Utilisateur anonyme
9 déc. 2007 à 16:12
9 déc. 2007 à 16:12
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>
