Sujet Précédent Sujet Suivant

Feuilles de style dans dossier

Fermé
ML - 20 mai 2008 à 10:46
 MLC - 22 mai 2008 à 18:48
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
A voir également:

1 réponse

Réponse 1 / 1
petiteflor
20 mai 2008 à 10:56
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?
0
ML
20 mai 2008 à 11:58
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
0
MLC
22 mai 2008 à 18:48
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
0

Discussions similaires

comment donner les droits sur fichier partage
ch'ti du 57 -
fil1958 -

2 réponses
Extraire le contenu de plusieurs fichiers
politicus -
Syl_tls1 -

11 réponses
Où trouver le dossier des favoris de Chrome ?
Fefewil -
sephi -

4 réponses
Créer playlist
Mots croisés -
thegoaty -

10 réponses