28173 sujets

CSS et mise en forme, CSS3

Bonjour,
J'ai un soucis de feuille de style externe.
Lorsque je la publie, les url ne doivent pas être correctement configurées et la page s'ouvre sans le fond d'écran. Seul la couleur que j'ai rajoutée "au cas où" apparait.

Voici le code :


/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

  body { margin: 8% 5.5% 8% 29%;
    padding: 2px;
    background: rgb(214, 202, 176) url(../img/modele.JPG) no-repeat fixed left top;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    font-family: Verdana;
    font-size: 0.9em;
    color: rgb(0, 0, 0);
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    text-align: left;
    text-decoration: none;
    position: relative;
    list-style-image: url(../img/puce27.gif);
    speak: normal;
    list-style-position: outside;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    }

  h1 { padding: 2px;
    font-family: Georgia;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
    position: relative;
    list-style-image: url();
    speak: normal;
    font-size: 1.2em;
    font-weight: normal;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    text-align: left;
    color: rgb(0, 0, 0);
    }

  p { padding: 2px;
    font-family: Verdana;
    font-size: 0.9em;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    text-align: left;
    text-decoration: none;
    position: relative;
    list-style-image: url(../img/puce27.gif);
    list-style-position: outside;
    speak: normal;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    color: rgb(0, 0, 0);
    }

  a { font-family: Verdana;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
    speak: normal;
    list-style-image: url(../img/puce27.gif);
    list-style-position: outside;
    position: relative;
    color: rgb(0, 0, 0);
    font-size: 0.9em;
    }

  a:hover { font-family: verdana;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
    speak: normal;
    list-style-position: outside;
    list-style-image: url(../img/puce27.gif);
    position: relative;
    color: rgb(0, 0, 0);
    font-size: 0.9em;
    }


dois-je changer l'emplacement de la feuille html qui y est associée, comme modèle, et la placer dans le dossier "style" aussi?
Ou bien la laisser en dehors avec d'autres futures pages html?
Que faut-il modifier dans le chemin d'accés de mes images pour qu'elles soient reconnues et trouvées?
L'arborescence du site est :
dossiers:
img : puces+fond
style : mod.css
html : liens.html+d'autres à venir
...etc...etc

directement:
mod.html
hall.html
index.html

Merci d'avance de votre aide à tous
Modifié par leeloo06110 (07 Dec 2006 - 11:29)
Bonjour,
Les chemins ont l'air correctes ...

Je préconise de vérifier les droits sur les fichiers.
Dans le site que je suis en train de construire, j'ai déjà utilisé un autre fichier récupéré sur le même site de fonds d'écran que celui qui devrait s'afficher.
Modifié par leeloo06110 (07 Dec 2006 - 11:45)