28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'utilise une feuille de style 'racine\include\Style.css' dans une page HTML 'racine\index.html'.

Lorsque j'affecte une couleur au background du body via la feuille de style Dreamweaver m'affiche bien cette propriété dans la partie Design.
Par contre, lorsque j'ouvre le fichier index.html directement depuis Explorer ou Chrome alors la mise en forme contenu dans le css n’apparaît pas...

Voici le code d'index.html :
---------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>...</title>
<link rel="stylesheet" type="text/css" href="/include/Styles.css" />
</head>

<body>
<div id="menu" style="float:left">Ceci est le menu
<ul class="navbar">
<li><a href="index.html">Accueil</a>
<li><a href="reflexions.html">Vous</a>
<li><a href="ville.html">Photos</a>
</ul>
</div>
<div id="contenu">Ceci est le contenu </div>
</body>
</html>


---------------------------

Quelqu'un saurait me dire pourquoi?
Merci pour votre aide Smiley smile
Bonjour.
Tu dois je pense avoir un problème dans ton chemin d'accès à ton css sur le web.
Tu as un lien pour voir ?
Bonjour,

Rien n'est publié à l'heure actuelle, j'en suis au tout début...
Je voulais juste voir le résultat en local.
C'est possible?
Bonsoir,
mae a écrit :
Rien n'est publié à l'heure actuelle, j'en suis au tout début...
Je voulais juste voir le résultat en local.
C'est possible?

Oui c'est bien sûr possible. Maintenant, si tu ne peux pas mettre ta page de test en ligne, nous ne pouvons pas vérifier si le chemin d'accès à ton fichier css est bien correct :\

Au cas où, essaye tout de même de nous donner le contenu de ta feuille de styles pour vérifier si le problème ne vient pas de là…

ps : il faudrait utiliser le bouton "code" pour mettre du code sur le forum, car le code directement copié-collé tel quel est peu lisible…
Enlève le slash avant le chemin vers ta css :

<link rel="stylesheet" type="text/css" href="include/Styles.css" />


au lieu de :

<link rel="stylesheet" type="text/css" href="/include/Styles.css" />
Un grand merci à vous tous pour vos réponses!
j'ai publié la page avec son css, est ça fonctionne donc fausse alerte...
audrasjb, je penserais à utiliser le bouton 'code' la prochaine fois.
Bonne soirée et encore merci.