Bonjour à tous,
Je ne parviens pas à publier une page d'essai avec CSS : la oage s'affiche sur le serveur sans la mise en page CSS. Le fichier de la page et celui de la feuille CSS sont pourtant dans le même répertoire.
Quelque chose ne va pas, mais quoi ?
Voici le code HTML de la page
et le code CSS :
Malgré plusieurs essais, seulement le texte de la page s'affiche. Pouvez-vous m'aider ?
Merci.
Modifié le 15 Jan 2005 - 10:18
Je ne parviens pas à publier une page d'essai avec CSS : la oage s'affiche sur le serveur sans la mise en page CSS. Le fichier de la page et celui de la feuille CSS sont pourtant dans le même répertoire.
Quelque chose ne va pas, mais quoi ?
Voici le code HTML de la page
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.Style2 {font-size: 12px}
-->
</style>
<link href="/TTessai/centeredpage.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="outer">
<div id="header">
</div>
<div id="nav">
<div id="nav">
<ul>
<li><a href="link1.html">Accueil</a></li>
<li><a href="link2.html ">Objectif</a></li>
<li><a href="link3.html ">Sommaire</a></li>
<li><a href="link3.html ">Parcours</a></li>
<li><a href="link3.html ">Liens</a></li>
<li><a href="link3.html ">Contact</a></li>
</ul>
</div>
</div>
<div id="main">
<h3>Remerciements</h3>
<blockquote>
<div align="left">
<p align="justify"> </p>
<p align="justify"><font face="Verdana, Arial, Helvetica, sans-serif" size="-1"><span class="texte">Avant
de commencer mon récit,
je tiens à remercier
tout spécialement
VD d'avoir bien
voulu se charger de la transcription
et de l'adaptation de mes
souvenirs.</span></font></p>
<p align="justify" class="texte"><font face="Verdana, Arial, Helvetica, sans-serif" size="-1">Après
la guerre, lorsque je suis revenu
en Belgique, j'ai évidemment
pris des notes afin de pouvoir
me rappeler les noms des acteurs,
les dates auxquelles ces faits
se sont déroulés,
les lieux qui en ont été le
théâtre. Tout cela
se trouvait chez moi, dans un
dossier plus ou moins bien organisé et
classé mais dont je n'espérais
plus tirer une publication, malgré les
souhaits répétés
de mes compagnons rescapés.</font></p>
<p align="justify" class="texte"><font face="Verdana, Arial, Helvetica, sans-serif" size="-1">C'est
donc sur l'insistance de Viviane
Denis que j'entreprends ce récit.</font></p>
</div>
</blockquote>
<div align="center">
<p align="left" class="titre3"> </p>
<p align="left" class="titre3"><font face="Verdana, Arial, Helvetica, sans-serif" size="-1"><b><em>P.
B. (1995)</em></b></font></p>
</div>
</div>
<div id="footer">
<div id="foot">
<div align="center" class="Style2">
<div id="foot">
<div align="center" class="Style2">
<h4>Récit
de P.B., recueilli et
adapté par V.D.
(1995) </h4>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
et le code CSS :
/* CSS Document */
body {
background-color: #A8B4C1;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #003366;
}
div#outer {
width: 900px;
background-color:#FFFFFF;
padding: 0px;
border: medium solid #000000;
margin: 25px auto 10px;
}
div#header {
padding: 0px;
margin: 0px;
text-align: center;
background: url(/TTessai/banniere900x180.jpg) no-repeat right center;
height: 180px;
border-bottom: thick solid #8192A6;
width: 900px;
}
div#nav {
height: 30px;
width: 100%;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
background-color: #A8B4C1;
text-align: center;
}
div#nav
ul {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #FFF;
line-height: 30px;
white-space: nowrap;
font-weight: bold;
}
div#nav li {
list-style-type: none;
display: inline;
}
div#nav li a {
text-decoration: none;
padding: 7px 10px;
color: #FFF;
}
div#nav li a:link {
color: #FFF:
}
div#nav li a:visited {
color: #CCC;
}
div#nav li a:hover {
font-weight: bold;
color: #FFF;
background-color: #72869C;
}
div#main {
width: 100%;
padding: 10px;
margin-top: 1px;
height: 400px;
background: url(/TTessai/campTT40.png) no-repeat left top;
color: #000066;
}
div#footer {
padding: 0px;
margin: 0px;
border-top: thin solid #000000;
height: 30px;
clear: both;
text-align: center;
}
Malgré plusieurs essais, seulement le texte de la page s'affiche. Pouvez-vous m'aider ?
Merci.
Modifié le 15 Jan 2005 - 10:18
