Feuilles de style dans dossier
ML
-
MLC -
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
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
Configuration: Windows XP Internet Explorer 6.0
