header et footer
Posté : 14 oct. 2012, 14:03
]Bonjour,
je viens a peine de me lancer dans la creation de site, et tout ceci est encore au niveau du chinois ancien pour moi donc je vais essayer d'etre aussi clair que possible.
je visionne en ce moment une formation video sur dreamweaver et j'arrive jusqu'a la mise en place d'une page template sans trop de probleme. Mon etape suivante est donc de mettre un peu de forme et de couleur a mon template avec le css sur mon template php, mais pour je ne sais quelle raison je n'arrive pas a voir mon header et footer avec la mise en forme en mode creation, le tout reste blanc avec seulement mon contenu ecrit dedans sans aucune modification. Par contre si je fais un apercu navigateur tout est pris en compte ( couleur de fond etc..).
Quelqu'un pourrait-il m'expliquer de facon simple mon probleme? est-ce que ca vient du code ou de dreamweaver lui-meme?
je vous mets mon code, dites-moi ce qui ne va pas.
Merci d'avance!
je viens a peine de me lancer dans la creation de site, et tout ceci est encore au niveau du chinois ancien pour moi donc je vais essayer d'etre aussi clair que possible.
je visionne en ce moment une formation video sur dreamweaver et j'arrive jusqu'a la mise en place d'une page template sans trop de probleme. Mon etape suivante est donc de mettre un peu de forme et de couleur a mon template avec le css sur mon template php, mais pour je ne sais quelle raison je n'arrive pas a voir mon header et footer avec la mise en forme en mode creation, le tout reste blanc avec seulement mon contenu ecrit dedans sans aucune modification. Par contre si je fais un apercu navigateur tout est pris en compte ( couleur de fond etc..).
Quelqu'un pourrait-il m'expliquer de facon simple mon probleme? est-ce que ca vient du code ou de dreamweaver lui-meme?
je vous mets mon code, dites-moi ce qui ne va pas.
Merci d'avance!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- TemplateBeginEditable name="doctitle" -->
<title>Document sans titre</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<link href="../Style/reset.css" rel="stylesheet" type="text/css">
<link href="../Style/twoColLiqRtHdr.css" rel="stylesheet" type="text/css">
<link href="../Style/visuel_01.css" rel="stylesheet" type="text/css">
<!--[if lte IE 7]>
<style>
.content { margin-right: -1px; } /* cette marge négative de 1px peut être placée sur n'importe quelle colonne de cette mise en page, avec le même effet correcteur. */
ul.nav a { zoom: 1; } /* la propriété de zoom donne à IE le déclencheur hasLayout requis pour corriger les espaces blancs supplémentaires entre les liens */
</style>
<![endif]-->
</head>
<body>
<div class="container">
<div class="header"><!-- end .header -->
<h2>titre</h2>
<p>slogan</p>
<ul class="main_menu">
<li> Qui sommes-nous? </li>
<li>Ou sommes-nous?</li>
<li>Plans.</li>
</ul>
</div>
<div class="sidebar1">
<ul class="nav">
<li><a href="#">Professeurs</a></li>
<li><a href="#">Plans</a></li>
<li><a href="#">autres lien</a></li>
</ul>
<h3>Actualites</h3>
<ul class="actus">
<li>
<h4> un titre d'actu </h4>
<p>Duis aute irure dolor excepteur sint occaecat ullamco laboris nisi. Velit esse cillum dolore cupidatat non proident, <a href="#">in reprehenderit in voluptate</a>.</p>
</li>
</ul>
<!-- end .sidebar1 --></div>
<div class="content">
<h1><!-- TemplateBeginEditable name="page_titre" -->Titre de la page<!-- TemplateEndEditable --></h1>
<!-- TemplateBeginEditable name="page_contenu" -->
<p>Contenu</p>
<!-- TemplateEndEditable --><!-- end .content --></div>
<div class="footer">
<p>Info et microt format </p>
<!-- end .footer --></div>
<!-- end .container --></div>
</body>
</html>