Index mise en page OK > lien sans style CSS avec DW CS4

ninizia · 6 Janvier 2009

Bonjour à tous !

Je suis nouvelle sur ce forum et nouvelle dans le monde "merveilleux" de Dreamweaver CS4. Je suis Infographiste PAO de base et suite à une formation toute récente je me lance dans le web, non sans difficultés

Voici ma question :
j'ai fait la mise en page de mon index, qui marche bien (testée ds plusieurs navigateurs) et j'ai créé des liens dans mon menu vers mon index (car je n'ai pas encore créé les autres pages) afin de tester les hover, les visited, etc.
Mais quand je clic sur ces liens la mise en page apparaît sans mise en page (brut). Le problème persiste dans tous les navigateurs

Je n'arrive pas à trouver le problème, quelqu'un aurait-il la solution ?

Voici le code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Chambres d'hôtes Sophie : location de vacances toute l'année</title>
<link href="/style.css" rel="stylesheet" type="text/css" /></head>

<body>
<div id="contenu">
<ul id="menu">
<li><a href="/index.htm">Accueil</a></li>
<li><a href="/index.htm">Les chambres</a></li>
<li><a href="/index.htm">Les environs</a></li>
<li><a href="/index.htm">Tarifs</a></li>
<li><a href="/index.htm">Contact</a></li>
<li><a href="/index.htm">Itinéraires</a></li>
<li><a href="/index.htm">Liens</a></li>
</ul>
<h1></h1>
<h2> </h2>
<h3> </h3>
<h4>Vous recherchez un hébergement, une chambre, <br />
une location de vacances, un gîte, un bed and breakfast ?</h4>
<p> <strong>En Bretagne sud, à Pornichet La Baule,
Sophie et Jean-Yves vous accueillent avec chaleur et simplicité
dans leur maison d'hôtes.
<br />
<br />
Nous nous situons à proximité :
Des plages de Sainte-Marguerite, <br />
de Bonne Source, des Libraires, de la plus belle plage d'Europe La Baule,
<br />
du sentier du littoral...
<br />
Des ports pour la pratique des loisirs nautiques, pêche, ski nautique, <br />
voile, plongée... <br />
Le parc régional de Brière et les visites en chaland, à vélo, à pied, en calèche. <br />
Les marais salants de Guérande...
<br />
Les différents golfs de la région, La Baule, château de la Bretesche, Savenay...<br />
Les centres de Thalassothérapie...</strong></p>
<h5>Sophie et Jean-Yves</h5>
</div>
</body>
</html>

Merci pour votre aide.

Ninizia

GraphiqueDesign · 6 Janvier 2009

ninizia a dit:
quelqu'un aurait-il la solution ?

... Ce serait mieux que tu donnes l'url online, peut être la connection avec la feuille de style ... d'ailleurs en parlant d'elle ...

ninizia · 6 Janvier 2009

body {
background-color: #DAF2FC;
font-family: Arial, Helvetica, sans-serif;
}
h1 {
background-image: url(/images/accueil_01.jpg);
height: 220px;
width: 260px;
background-repeat: no-repeat;
position: absolute;
margin: 0px;
z-index: 1;
}
h2 {
background-image: url(/images/accueil_02.jpg);
background-repeat: no-repeat;
height: 216px;
width: 660px;
position: absolute;
margin-left: 243px;
margin-top: 0px;
margin-right: 0px;
padding-top: 0px;
padding-right: 0px;
z-index: 1;
}
h3 {
background-image: url(/images/accueil_03.jpg);
position: absolute;
height: 386px;
width: 900px;
margin-top: 216px;
margin-left: 0px;
background-repeat: no-repeat;
z-index: 0;
}
h4 {
font-size: 140%;
position: absolute;
color: #5F3811;
width: 620px;
margin-top: 220px;
margin-left: 260px;
text-align: center;
top: 25px;
z-index: 1;
}
h5 {
position: absolute;
z-index: 1;
text-align: center;
margin-left: 120px;
margin-top: 560px;
font-size: 90%;
width: 780px;
color: #5F3811;
}
p {
font-size: 100%;
position: absolute;
width: 620px;
margin-top: 255px;
margin-left: 260px;
color: #5F3811;
text-align: center;
height: 228px;
top: 59px;
z-index: 1;
}
#contenu {
width: 900px;
height: 600px;
margin-right: auto;
margin-left: auto;
z-index: 0;
}
#menu {
position: absolute;
z-index: 2;
margin-top: 0px;
margin-left: 0px;
width: 710px;
padding-top: 176px;
padding-left: 261px;
}
#menu li {
list-style-type: none;
display: inline;
float: left;
}
#menu a {
font-size: 75%;
color: #FFF;
width: 88px;
font-weight: bold;
height: 28px;
line-height: 200%;
text-align: center;
display: block;
}
#btn_accueil {
background-color: #23A9E2;
}

dmo95 · 7 Janvier 2009

Ce n'est pas nécessaire de nous fournir le CSS complet !!

Ce qu'il voulais dire je pense était au sujet la ligne suivante dans le header de ton index :

Bloc de code:

<link href="/style.css" rel="stylesheet" type="text/css" /></head>

Dans un premier temps retire le /, déjà cela m'étonne que la mise en page soit correcte même sur l'index...

Par ailleurs il faut que tu fasses très attention à l'architecture générale de ton site, c'est à dire généralement dans le dossier racine de ton serveur web, structurer ainsi :
- php
- js
- css

Revois ton href dans l'insertion de ton CSS. Je te conseillerais de mettre le chemin complet de ton fichier CSS (ex : http://monsite.fr/site/css/style.css), ensuite si cela fonctionne à tous les coup, de trouver le chemin relatif pour que ton site soit portable.

GraphiqueDesign · 7 Janvier 2009

dmo95 a dit:
Ce qu'il voulais dire je pense était au sujet la ligne suivante dans le header de ton index :

Bloc de code:

<link href="/style.css" rel="stylesheet" type="text/css" /></head>

... Oui bien sûr !!!
... Si ton texte se présente brut dans le navigateur, c'est certainement que ta feuille de style ne soit pas prise en compte !!! Ou bien ???

GraphiqueDesign · 7 Janvier 2009

ninizia a dit:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Chambres d'hôtes Sophie : location de vacances toute l'année</title>
<link href="/style.css" rel="stylesheet" type="text/css" /></head>

... pour du xhtml, on peut déclarer par exemple ...

Bloc de code:

<style type="text/css" media="screen" title="Style par défaut">
@import url(styles.css);
</style>

... ou comme tu l'as fait en moins bien ...

Bloc de code:

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

... mais là il faut effectivement virer le "/" ...

ninizia · 7 Janvier 2009

J'ai trouvé d'où venait le problème :
dans gestion des sites > mode avancé > liens relatifs à un document

j'avais mis "liens relatifs à la racine du site" au lieu de "liens relatifs à un document" ça a corrigé tous mes problèmes.

Il m'a fallu que 2 jours pour trouver d'où venait le problème je suis pas rendu au bout de mon site !

Merci pour votre aide

A bientôt

Index mise en page OK > lien sans style CSS avec DW CS4

ninizia

Membre confirmé

GraphiqueDesign

Membre expert

ninizia

Membre confirmé

dmo95

Membre actif

GraphiqueDesign

Membre expert

GraphiqueDesign

Membre expert

ninizia

Membre confirmé

Sujets similaires

Index mise en page OK > lien sans style CSS avec DW CS4

Membre confirmé

Membre expert

Membre confirmé

Membre actif

Membre expert

Membre expert

Membre confirmé

Sujets similaires

Index mise en page OK > lien sans style CSS avec DW CS4