Aller au contenu

CSS

KelT

Par KelT,
dans Informatique - Divers

Messages recommandés

KelT

KelT 1

Membre, KelT Informatique, 33ans Posté(e)
KelT
KelT Membre 1 855 messages
33ans‚ KelT Informatique,
Posté(e)

Salut

Comment fait on pour mettre plusieurs images ? Par exemple une image en fond et une image sur le fond en haut à droite, je constate un problème sur ce code ^^

body
{
background-image: url("image.jpg");
}
body
{
background-image: url("image2.jpg");
background-position: top right;
}

Merci d'avance

Lien à poster
Partager sur d’autres sites
Annonces
Maintenant
Lapinkiller

Lapinkiller 548

Membre, Le Dieu Lapin, 36ans Posté(e)
Lapinkiller
Lapinkiller Membre 10 149 messages
36ans‚ Le Dieu Lapin,
Posté(e)

Bonjour

faut crée des bloc (div ou span) dans ta page à ce moment là

il faut jouer avec le html et le css, je pense

Lien à poster
Partager sur d’autres sites
KelT

KelT 1

Membre, KelT Informatique, 33ans Posté(e)
KelT
KelT Membre 1 855 messages
33ans‚ KelT Informatique,
Posté(e)

J'ai mi ce code, dans le html j'ai fait <body class="topright">

body
{
background-image: url("pano.jpg");
background-repeat: repeat;
}
.topright
{
background-image: url("mort.jpg");
background-position: top right;
}

Et il me met l'image "mort.jpg" en fond, et pano.jpg on ne le voit plus

Lien à poster
Partager sur d’autres sites
Lapinkiller

Lapinkiller 548

Membre, Le Dieu Lapin, 36ans Posté(e)
Lapinkiller
Lapinkiller Membre 10 149 messages
36ans‚ Le Dieu Lapin,
Posté(e)
Bonjour

faut crée des bloc (div ou span) dans ta page à ce moment là

il faut jouer avec le html et le css, je pense

Lien à poster
Partager sur d’autres sites
KelT

KelT 1

Membre, KelT Informatique, 33ans Posté(e)
KelT
KelT Membre 1 855 messages
33ans‚ KelT Informatique,
Posté(e)

Oups :blush: Merci ça marche, je mets le code si quelqu'un a besoin

HTML

<body><div>
<h1> Le titre : </h1>
</body></div>

CSS

body
{
background-image: url("060518182603_96.jpg");
}
div
{
background-image: url("danger.jpg");
background-position: top right;
background-repeat: no-repeat;
}

Lien à poster
Partager sur d’autres sites
freak by nature

freak by nature 2

Membre, 40ans Posté(e)
freak by nature
freak by nature Membre 9 821 messages
Baby Forumeur‚ 40ans‚
Posté(e)

Euh par contre ton code HTML est faux...

Lien à poster
Partager sur d’autres sites
KelT

KelT 1

Membre, KelT Informatique, 33ans Posté(e)
KelT
KelT Membre 1 855 messages
33ans‚ KelT Informatique,
Posté(e)

c'est un bout de html, c'est évident qu'il faut mettre les autres balises, je vais pas m'amuser à recopier toute la page -_-

Lien à poster
Partager sur d’autres sites
Adenora

Adenora 3

Membre, Posté(e)
Adenora
Adenora Membre 5 400 messages
Posté(e)

Freak a raison, ton code est faux, c'est plutôt :

<body><div>
<h1> Le titre : </h1>
</div></body>

Tu as inversé le </div> et le </body>. :blush:

Lien à poster
Partager sur d’autres sites
KelT

KelT 1

Membre, KelT Informatique, 33ans Posté(e)
KelT
KelT Membre 1 855 messages
33ans‚ KelT Informatique,
Posté(e)

en tout cas il marche ^^

Sinon c'est mieux de faire ça, je suis allé voir sur siteduzero

body
{
background: url(image.jpg) no-repeat
background: url(image2.jpg) fixed "top right"
}

Par exemple

Lien à poster
Partager sur d’autres sites
Bashi

Bashi 6

VIP, Just Breathe, 36ans Posté(e)
Bashi
Bashi VIP 5 233 messages
36ans‚ Just Breathe,
Posté(e)

éa dépend si tu en as l'utilité ou non.

Si tu veux superposer deux images, pourquoi ne pas mais pourquoi ne pas le faire dans photoshop et ne charger qu'une image au final ?

C'est une image qui risque de changer dans le temps c'est ca ?

Sinon fais deux div : une pour le fond, une pour le reste mais, personnellement je n'ai jamais trouvé d'utilité a mettre deux background dans le même style :blush:

bashi

Lien à poster
Partager sur d’autres sites
KelT

KelT 1

Membre, KelT Informatique, 33ans Posté(e)
KelT
KelT Membre 1 855 messages
33ans‚ KelT Informatique,
Posté(e)
mais pourquoi ne pas le faire dans photoshop et ne charger qu'une image au final ?

Très bonne question :blush: j'y ai pensé mais je suis un peu tordu, je veux un fond fixe et une petite image sur le côté qui suit le texte.

Lien à poster
Partager sur d’autres sites
Lapinkiller

Lapinkiller 548

Membre, Le Dieu Lapin, 36ans Posté(e)
Lapinkiller
Lapinkiller Membre 10 149 messages
36ans‚ Le Dieu Lapin,
Posté(e)

oublie ton idée

ca énerve plus les gens qu'autre chose

perso je vois ca sur un site, je le quitte tout de suite :blush:

Lien à poster
Partager sur d’autres sites
KelT

KelT 1

Membre, KelT Informatique, 33ans Posté(e)
KelT
KelT Membre 1 855 messages
33ans‚ KelT Informatique,
Posté(e)

c'est pas vraiment un site que je veux faire en fait

Lien à poster
Partager sur d’autres sites
freak by nature

freak by nature 2

Membre, 40ans Posté(e)
freak by nature
freak by nature Membre 9 821 messages
Baby Forumeur‚ 40ans‚
Posté(e)

Le problème de ta solution Bashi réside dans la répétition de l'image, en effet, si tu as un fond qui se répète à l'infini en x et en Y, si tu veux rajouter une image, tu ne l'incorpores pas sur le fond car sinon elle se répèterait aussi, la solution d'un bloc div bien positionner permet de passer ouvre ce problème et de fortement réduire la taille de son fond. Bien sur maintenant si le fond ne se répète pas, c'est une autre histoire

Lien à poster
Partager sur d’autres sites
Bashi

Bashi 6

VIP, Just Breathe, 36ans Posté(e)
Bashi
Bashi VIP 5 233 messages
36ans‚ Just Breathe,
Posté(e)

Voila, ca avait pas l'air de se repeter, c'est pour ca que je parlais de superposer les images :blush:

bashi

Lien à poster
Partager sur d’autres sites
KelT

KelT 1

Membre, KelT Informatique, 33ans Posté(e)
KelT
KelT Membre 1 855 messages
33ans‚ KelT Informatique,
Posté(e)

ben pour ne pas répéter il suffit d'utiliser blackground-repeat: no-repeat;

ca ne pose pas de problème

Lien à poster
Partager sur d’autres sites
Annonces
Maintenant

Archivé

Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

Aller sur la liste des sujets
×