Bonjour,
Quand je veux mettre une image en fond de page, avec Dreamweaver 4, cette image est répétée horizontalement et verticalement.
Je voudrai que cette image soit centrer sur la page verticalement et horizontalement, quelle soit fixe et non dupliquée.
Je voudrai faire une feuille de style css afin de pouvoir inclure cette feuille dans une ou plusieurs page HTM.
J'ai essayé en faisant un style.css mais rien n'y fait.
Comment faire?
Merci pour votre aide.
Version complète: sur le forum Webmaster Hub : Feuille de styles
Bonjour DCO, et bienvenue à bord !
C'est simple si tu utilises les CSS !
Exemple
Et tu appelles ton élément avec class="imagefond"
Dan
C'est simple si tu utilises les CSS !
Exemple
CODE
<style type="text/css" media="all">
.imagefond {
background-image:url('fichierimage.gif');
background-position: center center;
background-repeat: no-repeat;
}
</style>
.imagefond {
background-image:url('fichierimage.gif');
background-position: center center;
background-repeat: no-repeat;
}
</style>
Et tu appelles ton élément avec class="imagefond"
Dan
Merci Dan,
Mais je suis un débutant dans les style CSS.
Ou dois-je coller ce code?
Merci d'avance
Mais je suis un débutant dans les style CSS.
Ou dois-je coller ce code?
Merci d'avance
bonjour,
tu le mets entre les balises <head> et </head>
tu le mets entre les balises <head> et </head>
ou mieux encore, dans une feuille de style externe en utilisant la balise link :
Tu peux également utiliser la syntaxe suivante, qui est un peu plus économe (même si celle de Dan est correcte également, quoi que plus longue) :
Par contre, dans un tel cas (CSS externe), tu n'utilises pas non plus les balises <style>.
CODE
<link rel="stylesheet" media="screen" type="text/css" href="style.css" />
Tu peux également utiliser la syntaxe suivante, qui est un peu plus économe (même si celle de Dan est correcte également, quoi que plus longue) :
CODE
.imagefond {background:url('fichierimage.gif') center center no-repeat;}
Par contre, dans un tel cas (CSS externe), tu n'utilises pas non plus les balises <style>.
Ne pas utiliser les quote ou guillemet est encore mieux car souvent origine de bugs sur certains navigateurs. Il n'ont d'ailleurs aucune utilité pour les images de background, donc autant ne pas les mettre, on s'evite des surprises
Ah tiens donc, c'est vrai, j'ai oublié de les enlever... 
Merci pour vos réponses,
J'ai essayé le code de Dan mais cela ne marche pas.
Si ça ne marche pas c'est que je me suis trompé (vraiment pas doué le mec).
Donc je reprend depuis le début:
Pour faire une feuille de style et l'insérer dans une page comment faut-il faire?
J'ai essayé le code de Dan mais cela ne marche pas.
Si ça ne marche pas c'est que je me suis trompé (vraiment pas doué le mec).
Donc je reprend depuis le début:
Pour faire une feuille de style et l'insérer dans une page comment faut-il faire?
CITATION(DCO @ mercredi 12 janvier 2005, 15h59)
J'ai essayé le code de Dan mais cela ne marche pas.
Pourtant, si tu as remplacé le nom de 'fichierimage.gif' par le nom de ton fichier image, ça doit marcher !
Eventuellement, tu peux enlever les simples quotes... comme suggéré plus haut.
Dan
Si tu veux créer un fichier séparé pour contenir tes styles CSS, enlèves les balises <style...> et </style> et mets le reste dans le fichier nommé "style.css".
Envoies ce fichier en mode "texte" par ftp.
Dans ta page HTML, appelles ce fichier avec un
Dan
Envoies ce fichier en mode "texte" par ftp.
Dans ta page HTML, appelles ce fichier avec un
CODE
<link rel="stylesheet" media="screen" type="text/css" href="style.css" />
pour autant que ton fichier s'appelle style.css bien sûr et qu'il se trouve dans le même répertoire que ta page Dan
Suivant vos conseils voici le code utilisé:
<html>
<head>
<title>Fond</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" media="screen" type="text/css" href="style.css" />
</head>
</body>
</html>
J'ai crée le style avec la fonction de dreamweaver créer nouveau style css
<html>
<head>
<title>Fond</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" media="screen" type="text/css" href="style.css" />
</head>
</body>
</html>
J'ai crée le style avec la fonction de dreamweaver créer nouveau style css
Et ça fonctionne ?
Accessoirement, tu pourrais inverser tes balises <title> et <meta>... question de définir ton charset AVANT d'envoyer du texte au navigateur.
Accessoirement, tu pourrais inverser tes balises <title> et <meta>... question de définir ton charset AVANT d'envoyer du texte au navigateur.
CITATION(Denis @ mercredi 12 janvier 2005, 16h35)
Et ça fonctionne ?
Accessoirement, tu pourrais inverser tes balises <title> et <meta>... question de définir ton charset AVANT d'envoyer du texte au navigateur.
Accessoirement, tu pourrais inverser tes balises <title> et <meta>... question de définir ton charset AVANT d'envoyer du texte au navigateur.
Cela me semble sensé... je vais corriger sur le Hub aussi
He non ce la ne fonctionne pas. POURQUOI???????
OK pour les balises title et et meta.
OK pour les balises title et et meta.
CITATION(Dan @ mercredi 12 janvier 2005, 10h38)
Cela me semble sensé... je vais corriger sur le Hub aussi
Curieux quand même que la pratique ne soit pas plus répandue... c'est très rare de trouver des tutoriels qui pensent à la mentionner.
CITATION(DCO @ mercredi 12 janvier 2005, 10h39)
He non ce la ne fonctionne pas. POURQUOI???????
Que de détresse dans ce cri du coeur. Pas de panique, on va trouver !
1. Ton fichier css s'appelle bien style.css ?
2. Est-il bien au même niveau que ton fichier html ?
3. Y a t-il du contenu dans le body de ta page, question que tu puisse voir ton background ?
Commençons avec ça... ^_^
Mon fichier s'appele bien style.css et se trouve à la racine de mon site et il n'y a rien dans cette page.
Ce matin je viens de m'appercevoir que ce style s'applique uniquement sur les pages ou il n'y a que du texte, sur les pages ou il y a des tableau l'image de fond et coupée et dupliquée en autant de ligne que comporte le tableau. Suis-je clair?
OUF !!!! 
Problème résolu. Il y avait une erreur dans le code des pages.
Merci à tous.
Problème résolu. Il y avait une erreur dans le code des pages.Merci à tous.
Et tu voudrais bien partager avec nous quelle était cette erreur, question que d'autres apprennent aussi de celle-ci ?
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.