Attacher un fond sur une page html
Résolu
keegan.
Messages postés
462
Statut
Membre
-
arthezius Messages postés 3756 Statut Membre -
arthezius Messages postés 3756 Statut Membre -
Bonjour,
j'ai créer un font de page web (avec photoshop 7) et j'aimerai l'attacher avec ma page html mais je ne sais pas comment faire
expliquer très précisément
j'utilise Dreamweaver 8
j'ai créer un font de page web (avec photoshop 7) et j'aimerai l'attacher avec ma page html mais je ne sais pas comment faire
expliquer très précisément
j'utilise Dreamweaver 8
A voir également:
- Attacher un fond sur une page html
- Comment supprimer une page sur word - Guide
- Comment imprimer un tableau excel sur une seule page - Guide
- Fond de page word - Guide
- Comment mettre une vidéo en fond d'écran - Guide
- Mettre une image en fond sur word sur une seule page - Guide
17 réponses
Bonsoir,
il suffit d'ajouter le code suivant entre les balises <head> et </head> de votre page HTML :
il suffit d'ajouter le code suivant entre les balises <head> et </head> de votre page HTML :
<STYLE type=" text/css ">
body
{
background-image: url(url_de_votre_fichier.gif);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: top left;
}
</STYLE>
le problème est que d'un écran à l'autre, on a pas forcement la même résolution.
Du coup faut pas faire le fond trop petit.
Par exemple, moi je suis en 1440x900px.
Du coup faut pas faire le fond trop petit.
Par exemple, moi je suis en 1440x900px.
Mais attention à la taille du fichier !
Dans la plupart des cas les fonds sont, du plus léger au plus lourd :
- unis
une simple propriété background-color: blue; suffit
- répétés horizontalement ou verticalement
background-repeat: repeat-x; ou background-repeat: repeat-y;
- une zone de taille fixe est munie d'un fond, un cadre par exemple
Dans la plupart des cas les fonds sont, du plus léger au plus lourd :
- unis
une simple propriété background-color: blue; suffit
- répétés horizontalement ou verticalement
background-repeat: repeat-x; ou background-repeat: repeat-y;
- une zone de taille fixe est munie d'un fond, un cadre par exemple
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Sinon, tu peux aussi mettre une images qui fini sur un fond avec la couleur de fond. Bien fait, ça s'adaptera à toute les résolutions
Très bonne remarque de la part d'arthezius.
D'une manière générale, si vous connaissez un site internet qui a mis en place les mêmes caractéristiques que vous désirez atteindre, il suffit de cliquer droit n'importe où sur la page et de choisir l'option "Afficher la source", ou "Afficher le code source de la page", ou un équivalent. Ensuite restera à fouiller un peu le code et éventuellement ouvrir une autre page contenant la feuille de style qui vous intéresse.
Cette option est disponible sur tous les navigateurs récents.
D'une manière générale, si vous connaissez un site internet qui a mis en place les mêmes caractéristiques que vous désirez atteindre, il suffit de cliquer droit n'importe où sur la page et de choisir l'option "Afficher la source", ou "Afficher le code source de la page", ou un équivalent. Ensuite restera à fouiller un peu le code et éventuellement ouvrir une autre page contenant la feuille de style qui vous intéresse.
Cette option est disponible sur tous les navigateurs récents.
sa ne marche pas voici tout mon code de ma page
<!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>
<STYLE type=" text/css ">
body
{
background-image: url(fond.png);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: top left;
}
</STYLE>
</head>
<body>
<p>bienvenu</p>
</body>
</html>
<!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>
<STYLE type=" text/css ">
body
{
background-image: url(fond.png);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: top left;
}
</STYLE>
</head>
<body>
<p>bienvenu</p>
</body>
</html>
Le chemin de fond.png est correct?
Tel qu'il est là, l'image est au même endroit que le fichier html.
Tel qu'il est là, l'image est au même endroit que le fichier html.
Dans ce cas place la dans le même dossier que ton fichier html
ou écris une adresse relative, supposons que ton dossier soit organisé de la façon suivante :
-monSiteWeb
--dossierImages
---fond.png
--monFichier.html
dans ce cas l'url à écrire dans monFichier.html doit être "dossierImages/fond.png"
ou écris une adresse relative, supposons que ton dossier soit organisé de la façon suivante :
-monSiteWeb
--dossierImages
---fond.png
--monFichier.html
dans ce cas l'url à écrire dans monFichier.html doit être "dossierImages/fond.png"
en faite je croi que je me suis tromper j'ai creer ma page d'accueil et pas mon font met sa marche quand meme
En général, pour tout simplifier dans l'organisation du site, on fait un dossier "images".
On met toute les pages à la racine du site et toute les images dans le dossier.
Les liens des images sont donc images/##fichier##
##image## est à remplacer par le nom du fichier.
Attention: ne jamais mettre le lien C:\##### correspondant au chemin sur l'ordinateur.
On met toute les pages à la racine du site et toute les images dans le dossier.
Les liens des images sont donc images/##fichier##
##image## est à remplacer par le nom du fichier.
Attention: ne jamais mettre le lien C:\##### correspondant au chemin sur l'ordinateur.
si vous avez un site génial dit moi avec quel logiciel vous l'avez fait et donner moi l'adresse de votre site pour que je voit si c'est un bon site
