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
A voir également:
- Feuilles de style dans dossier
- Dossier appdata - Guide
- Modèle de style word - Guide
- Comment faire un livret avec des feuilles a4 - Guide
- Impossible de supprimer un dossier - Guide
- Mettre un mot de passe sur un dossier - Guide
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
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