Attacher un fond sur une page html
Résolu/Fermé
keegan.
Messages postés
434
Date d'inscription
mercredi 17 septembre 2008
Statut
Membre
Dernière intervention
30 juillet 2009
-
3 déc. 2008 à 19:01
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 - 5 déc. 2008 à 17:57
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 - 5 déc. 2008 à 17:57
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
- Traduire une page - Guide
- Fond de page word - Guide
- Editeur html - Télécharger - HTML
17 réponses
ixokal
Messages postés
104
Date d'inscription
vendredi 31 octobre 2008
Statut
Membre
Dernière intervention
12 février 2013
5
3 déc. 2008 à 19:04
3 déc. 2008 à 19:04
Tu utilise le language html et CSS ?
ongat
Messages postés
16
Date d'inscription
mercredi 3 décembre 2008
Statut
Membre
Dernière intervention
3 décembre 2008
1
3 déc. 2008 à 19:05
3 déc. 2008 à 19:05
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>
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
475
3 déc. 2008 à 19:09
3 déc. 2008 à 19:09
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.
ongat
Messages postés
16
Date d'inscription
mercredi 3 décembre 2008
Statut
Membre
Dernière intervention
3 décembre 2008
1
3 déc. 2008 à 19:13
3 déc. 2008 à 19:13
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
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
475
3 déc. 2008 à 19:15
3 déc. 2008 à 19:15
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
ongat
Messages postés
16
Date d'inscription
mercredi 3 décembre 2008
Statut
Membre
Dernière intervention
3 décembre 2008
1
3 déc. 2008 à 19:20
3 déc. 2008 à 19:20
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.
keegan.
Messages postés
434
Date d'inscription
mercredi 17 septembre 2008
Statut
Membre
Dernière intervention
30 juillet 2009
38
3 déc. 2008 à 19:27
3 déc. 2008 à 19:27
donne moi un exemple de url(url_de_votre_fichier.gif)
je suis nul en code
je suis nul en code
ongat
Messages postés
16
Date d'inscription
mercredi 3 décembre 2008
Statut
Membre
Dernière intervention
3 décembre 2008
1
3 déc. 2008 à 19:33
3 déc. 2008 à 19:33
url(monImage.jpg)
keegan.
Messages postés
434
Date d'inscription
mercredi 17 septembre 2008
Statut
Membre
Dernière intervention
30 juillet 2009
38
3 déc. 2008 à 19:42
3 déc. 2008 à 19:42
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>
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
475
3 déc. 2008 à 19:45
3 déc. 2008 à 19:45
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.
keegan.
Messages postés
434
Date d'inscription
mercredi 17 septembre 2008
Statut
Membre
Dernière intervention
30 juillet 2009
38
3 déc. 2008 à 19:46
3 déc. 2008 à 19:46
non l'image net pas au meme endroit que le fichier html
ongat
Messages postés
16
Date d'inscription
mercredi 3 décembre 2008
Statut
Membre
Dernière intervention
3 décembre 2008
1
3 déc. 2008 à 19:54
3 déc. 2008 à 19:54
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"
keegan.
Messages postés
434
Date d'inscription
mercredi 17 septembre 2008
Statut
Membre
Dernière intervention
30 juillet 2009
38
3 déc. 2008 à 20:16
3 déc. 2008 à 20:16
merci sa marche
keegan.
Messages postés
434
Date d'inscription
mercredi 17 septembre 2008
Statut
Membre
Dernière intervention
30 juillet 2009
38
3 déc. 2008 à 20:19
3 déc. 2008 à 20:19
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
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
475
3 déc. 2008 à 20:27
3 déc. 2008 à 20:27
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.
keegan.
Messages postés
434
Date d'inscription
mercredi 17 septembre 2008
Statut
Membre
Dernière intervention
30 juillet 2009
38
5 déc. 2008 à 16:28
5 déc. 2008 à 16:28
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
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
475
5 déc. 2008 à 17:57
5 déc. 2008 à 17:57
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).
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).
