Style CSS : image arrière plan
Dernière réponse : dans Programmation
Salut à tous,
Windows XP Pro - Internet Explorer 6 - Dreamweaver MX 2004
Je suis à mon boulot et je travaille dans Dreamweaver MX 2004. Je ne parviens pas à placer une image gif en arrière-plan de chaque page de mon site (statique), via un style CSS.
J'ai créé une feuille de style CSS VerdanaNoir.css (pour les liens URL et le texte statique) dans laquelle j'ai ajouté un style .Fond dans la catégorie "Arrère-plan".
Le problème c'est que mon image n'apparaît nul part dans mes pages html, alors que les autres styles css fonctionnent bien (liens URL soulignés au passage de la souris, mise en forme du texte statique).
Voici le code de ma feuille de styles :
background-attachment: fixed;
background-image: url(images/CleSolFondPage.gif);
background-repeat: no-repeat;
background-position: center center;
}
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}
a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: underline;
}
.VerdanaNoir10 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}
.VerdanaNoir10Gras {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
}
.VerdanaNoir12Gras {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
}
.Verdana12GrasBlanc {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
.Verdana10GrasBlanc {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
Ca fait une heure que je fais des tas d'essais, et je comprends de moins en moins !
Merci d'avance à tous ceux qui pourront m'aider,
Adam
Windows XP Pro - Internet Explorer 6 - Dreamweaver MX 2004
Je suis à mon boulot et je travaille dans Dreamweaver MX 2004. Je ne parviens pas à placer une image gif en arrière-plan de chaque page de mon site (statique), via un style CSS.
J'ai créé une feuille de style CSS VerdanaNoir.css (pour les liens URL et le texte statique) dans laquelle j'ai ajouté un style .Fond dans la catégorie "Arrère-plan".
Le problème c'est que mon image n'apparaît nul part dans mes pages html, alors que les autres styles css fonctionnent bien (liens URL soulignés au passage de la souris, mise en forme du texte statique).
Voici le code de ma feuille de styles :
Citation :
.Fond {background-attachment: fixed;
background-image: url(images/CleSolFondPage.gif);
background-repeat: no-repeat;
background-position: center center;
}
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}
a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: underline;
}
.VerdanaNoir10 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}
.VerdanaNoir10Gras {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
}
.VerdanaNoir12Gras {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
}
.Verdana12GrasBlanc {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
.Verdana10GrasBlanc {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
Ca fait une heure que je fais des tas d'essais, et je comprends de moins en moins !
Merci d'avance à tous ceux qui pourront m'aider,
Adam
Autres pages sur : style css image arriere plan
Lassé par la pub ? Créez un compte
lol oui hhaha si tu veux que ton CSS marche il faux insérer sa sur ta page html comme sa :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="dc.description" content="Style CSS : image arrière plan" />
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" media="all" href="lien vers ton css.css">
<title>Document sans nom</title>
</head>
CODE HTML Deja FAis
<body>
</body>
</html>
ta page dois ressemblé a sa !!!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="dc.description" content="Style CSS : image arrière plan" />
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" media="all" href="lien vers ton css.css">
<title>Document sans nom</title>
</head>
CODE HTML Deja FAis
<body>
</body>
</html>
ta page dois ressemblé a sa !!!
Ca y est, j'ai trouvé ! Merci à toi tu m'as mis sur la voie. En appelant le style body, j'ai vu qu'il y en avait déjà un autre :
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url();
}
Je ne sais pas ce qu'il foutait là, mais j'ai simplement entré le chemin de mon image et ça a marché.
C'est vraiment n'importe quoi ce code ! Il fait bien ce qu'il veut :-x .
Je ne comprends pas pourquoi ça n'a pas marché en utilisant ma feuille de style VerdanaNoir.css :-?.
Encore merci à toi, tu viens de mettre un terme à mes 3 heures de recherche ! :-D
@+
Adam
Citation :
body {margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url();
}
Je ne sais pas ce qu'il foutait là, mais j'ai simplement entré le chemin de mon image et ça a marché.
C'est vraiment n'importe quoi ce code ! Il fait bien ce qu'il veut :-x .
Je ne comprends pas pourquoi ça n'a pas marché en utilisant ma feuille de style VerdanaNoir.css :-?.
Encore merci à toi, tu viens de mettre un terme à mes 3 heures de recherche ! :-D
@+
Adam
Lassé par la pub ? Créez un compte
- Contenus similaires :
Tags :
- ForumImage en arrière plan css
- ForumMettre une image en arrière plan css
- ForumCss mettre une image en arrière plan
- ForumAppeler image arriere plan depuis style.css
- ForumExcel image arrière plan cellule
- ForumDreamweaver image arrière plan
- ForumImage arrière plan dreamweaver
- ForumMettre une image en arrière plan dreamweaver
- ForumImage arrière plan myspace
- ForumImage arrière plan bureau
- Voir plus