Feuilles de style dans dossier

[Fermé]
Signaler
-
 MLC -
Bonjour,
Je suis novice et j'ai fais un site avec dreamweaver.
Toutes les pages, photos et feuilles de styles étaient dans le même dossier, alors pour mettre un peu d'ordre j'ai créé des dossiers: 'Images' et 'dossiersCSS'.
Depuis que j'ai mis les feuilles de style dans le 'dossiersCSS' aucune photo ne s'affiche, les mises en page par contre c'est parfait.
Voilà le script en html sur la page 'index' par exemple:

<style type="text/css"></style>
<link rel="stylesheet" type="text/css" href="DossierCSS/style.css"/>
<link rel="stylesheet" type="text/css" href="DossierCSS/Page.css"/>
<link rel="stylesheet" type="text/css" href="DossierCSS/Images.css"/>

<div class="avatar" id="avatar"> </div>
<div class="cadre"> </div>
<div class="logo"> </div>
<div class="mnu">

<a href="bienvenue.html">Bienvenue</a>-<a href="contact-res.html">Communiquez avec un résident</a>-<a href="trait-union/trait d'union.html">Journal "Trait d'Union"</a>-<a href="pages/mots-clefs.html">Les mots clefs</a>-<a href="pages/emplois.html">Offres d'emplois</a>-<a href="pages/contact.html">Contactez-nous</a>-<a href="pages/liens.html">Liens</a></div>
<p> </p>
</head>
<body>

<div class="a">
<div align="left">Donner du coeur...<br/>
                ...au coeur de la ville</div></div>

<link rel="stylesheet" type="text/css" href="DossierCSS/Images.css"/>
<a href="DossierCSS/images.css" class="imagea"></a>
<!--div class="imagea"></div-->

</body>

</html>


Voici ce qui se trouve pour l'exemple dans le CSS 'style.css' qui place le logo:

/* CSS Document*/
.avatar {
background-image:url(../images/avatar.png)
background-repeat:repeat;
left:50%;
margin-left:-479px;
width: 223px;
height: 73px;
padding: 0;
margin-top: 7px;
}

Ou ce qui se trouve sur 'Images.css' qui positionne la photo du centre de la page:

/* CSS Document */



.imagea {

background-image:url(../images/bandeau.jpg)
height: 167px;
left:50%;
margin-left:-386px;
position:absolute;
border-color:#669900;
border-top:1px;
border-bottom:1px;
border-top-style:outset;
border-bottom-style:outset;
top:340px;
width:772px;
z-index:15;
height: 167px;

}

Je ne sais vraiment pas comment faire, lorsque les feuilles de sty étaient dans le même dossier que les pages html, tout était parfait bien sur les liens n'étaient pas:
<link rel="stylesheet" type="text/css" href="DossierCSS/style.css"/>
Mais:
<link rel="stylesheet" type="text/css" href="style.css"/>

Si quelqu'un peu m'aider ce serait super.
Je vous remercie par avance de vos bonnes idées.

Marie-Claire

1 réponse

Bonjour,
je débute aussi masi tu ne devrais pas mettre des ; à la fin des backgroun-dimage?
sinon est-ce que ton dossier css qui correspond au dossier html son dans le même dossier?
Ton chemin n'est peut-être pas bon?
Bonjour Petiteflor,
J'ai eu une fausse joie, car les ';' sont bien dans les feuilles de styles.
Non les CSS sont dans un dossier appelé DossierCSS et les pages html sont dans le dossier principal.
Pourtant le chemin a été créé par Dreamweaver!!!
Marie-Claire
Bonjour,
En Cherchant j'ai trouvé les liens doivent être

<link rel="stylesheet" type="text/css" href="../DossierCSS/style.css"/>
Pour que ça marche et le logo sous 'avatar' je l'ai modifié en jpg car en gif il ne s'affichait pas.
Le problème est donc résoulu.
Merci pour ton aide.
Marie-Claire