Incorporer les images au site

Résolu/Fermé
Signaler
-
 wec -
Bonjour,

voilà je voudrai savoir comment on fait pour mettre une image de tel façon a ce qu'elle soit au même " niveau " que le fond de page du site, qu'on ne puisse pas la sélectionner en gros.
En fait le problème c'est que je fait toute ma page sur illustrator et que forcément sa fait une grande image sur le site et c est un peu bizarre.

Merci d'avance pour info je créer le site sur dreamwever, si vous avez des bouts de codes que je pourrai coller dans le css pour résoudre sa m'aiderai aussi.

18 réponses

Messages postés
77
Date d'inscription
mercredi 21 octobre 2009
Statut
Membre
Dernière intervention
4 novembre 2009
10
n'oublie pas de mettre "resolu" ;)
1
Messages postés
18631
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
19 janvier 2022
4 350
Ton image ne doit pas être insérée comme tel mais comme image de fond.
Dans le CSS, il suffit de mettre :
body {
    background-image: url('image.png');
}
0
je vai essayer merci
0
J'ai essayer mais l image se repete sur tout le fond plusieurs fois et ce que je voudrai c pouvoir la placer une seul fois surtout que le haut de mon site contient des images survolé sur lesquels i a des liens donc faut que je puisse mettre cette image une seul fois dessou sans qu elle se repete
0
Messages postés
77
Date d'inscription
mercredi 21 octobre 2009
Statut
Membre
Dernière intervention
4 novembre 2009
10
dans ton CSS

background-repeat: no-repeat
0
je doit l ajouter a quel endroit voila le code actuel merci d avance

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Document sans nom</title>
<style type="text/css">
<!--
body {
background-image: url('CM-Capture-8.png');
}
background-repeat: no-repeat

</style></head>


<body>

</body>
</html>
0
Messages postés
77
Date d'inscription
mercredi 21 octobre 2009
Statut
Membre
Dernière intervention
4 novembre 2009
10
dans ton body comme suit:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Document sans nom</title>
<style type="text/css">
<!--
body {
background-image: url('CM-Capture-8.png');
background-repeat: no-repeat;
}


</style></head>


<body>

</body>
</html>
0
merci sa marche je croit que je commence gentillement a piger le css si quelqu un connai un bon site pour aprendre un peu tout sa je suis preneur
0
Messages postés
77
Date d'inscription
mercredi 21 octobre 2009
Statut
Membre
Dernière intervention
4 novembre 2009
10
j'ai donné quelques liens ici, ils sont très bien pour débuter et pour aller plus loin avec certains.

https://forums.commentcamarche.net/forum/affich-15042352-site-web
0
merci beaucoup je vait gentillement me plonger la dedans
0
on fait sa ou deja ?
0
Messages postés
77
Date d'inscription
mercredi 21 octobre 2009
Statut
Membre
Dernière intervention
4 novembre 2009
10
en haut de ton 1er post tu clique sur résolu et OK ;)
0
derniere petite question comment je fai si je veut qu'il la centre l image
0
Messages postés
77
Date d'inscription
mercredi 21 octobre 2009
Statut
Membre
Dernière intervention
4 novembre 2009
10
tu joues avec les marges en CSS
ou bien tu entoure ta balise image avec un <center>
0
merci sa a marcher
au fait je voit pas comment mettre le post comme resolu c est peut etre parce que je sui pas inscrit???
0
Messages postés
77
Date d'inscription
mercredi 21 octobre 2009
Statut
Membre
Dernière intervention
4 novembre 2009
10
tu ne peux que le faire sur les sujets dont tu es l'auteur. donc pas celui la mais celui sur le référencement tu peux en haut de ton 1er post a droite
0
Messages postés
18631
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
19 janvier 2022
4 350
J'ai mis le topic en résolu.
Voilà ton CSS :
body {
    background: url('CM-Capture-8.png') no-repeat center center;
} 
Pour les sites pour apprendre :
- CommentÇaMarche.net
- Developpez.com
- W3Schools.com
- SelfHTML.org
- Siteduzero.com
- Alsacreations.com
0