Attacher un fond sur une page html
Résolu
keegan.
Messages postés
446
Date d'inscription
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
Configuration: Windows XP Firefox 3.0.4
17 réponses
-
-
Bonsoir,
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. -
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
-
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. -
donne moi un exemple de url(url_de_votre_fichier.gif)
je suis nul en code -
-
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> -
Le chemin de fond.png est correct?
Tel qu'il est là, l'image est au même endroit que le fichier html. -
non l'image net pas au meme 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" -
-
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. -
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
-
Je sais pas si mon site est spécialement génial. En tout j'ai pas utilisé de logiciel précis.
Un simple bloc-note ou éditeur de text suffit. En fait j'ai utilisé Bluefish sous GNU/Linux Ubuntu 8.10.
Le lien est dans mon profil (clique sur mon pseudo).
