Se connecter avec
S'enregistrer | Connectez-vous

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 :
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, :jap: 
Adam

Autres pages sur : style css image arriere plan

Lassé par la pub ? Créez un compte

En fait je passe exclusivement par les fonctions de Dreamweaver pour entrer le code. Je n'en tape pas car je m'y très peu, mais je vérifie de temps en temps.

Non, je n'ai pas vu le code dont tu parles. Est-il indispensable ?

Merci,
Adam

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 !!!

Expert Programmation

Ben en fait, la ligne <link rel="stylesheet" type="text/css" media="all" href="VerdanaNoir.css"> sert à lier ton fichier CSS à ton fichier HTML !

donc il est indispensable oui ! Mets cette ligne entre les balises <head> et </head>.

Bonjour,

ton .Fond, renommes le en body.

Ca devrait être bon. Ensuite, il faut savoir que quand tu utilises des classes, c'est sensible à la casse après (genre tu as Titre, dans ton code html, tu mettras class='Titre' et pas class='titre').

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 :
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

Créer un nouveau sujet

Tom's guide dans le monde