Bonjour,
J'ai realiser un gabarit a l'aide du modele sur alsacreation et je rencontre un probleme sur mon menu horizontal.C'est a dire qu'il ne s'imbrique pas dans mon cadre reserver a mon menu voici mon code:
Et voici mon code html:
Vous voyez où est le problème?
J'ai realiser un gabarit a l'aide du modele sur alsacreation et je rencontre un probleme sur mon menu horizontal.C'est a dire qu'il ne s'imbrique pas dans mon cadre reserver a mon menu voici mon code:
body
{
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
background-color: #CCCCCC; /* Le texte de la page sera blanc */
}
p
{
text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */
font-size: 12px;
font-family: Verdana, Arial, "Comic Sans MS", "Trebuchet MS", Georgia, serif; /* La police Comic Sans MS est agréable à lire pour les paragraphes je trouve */
margin: 0 0 10px 0;
text-align: justify; /* Le texte sera justifiée */
color: #FFFFFF;
}
h1
{
color: #FFFFFF;
}
h2
{
color: #FF0000;
}
.intro
{
font-weight: bold; /* En gras */
font-size: 14px; /* Ecrit légèrement plus gros que la normale */
}
#conteneur
{
width: 1000px;
margin:0 auto;
background-color:#000000;
}
#header
{
height: 150px;
background-color: #000000;
}
#haut
{
height: 30px;
background-color:#00FFFF;
color: gray; /* Le texte de la page sera blanc */
}
#centre
{
background-color:#333399;
margin-left: 150px;
margin-right: 150px;
}
#gauche
{
float:left;
width: 150px;
}
#droite
{
float:right;
width: 150px;
background-color: #000000;
}
#pied
{
height: auto;
background-color: #000000;
clear: both;
}
#pied a {
margin: 0 2px;
color: gray; /* Les liens seront en gris au lieu de bleu */
text-decoration: none; /* Les liens ne seront plus soulignés */
}
#pied a:hover {
color: red; /* Les liens seront en rouge au lieu de bleu */
text-decoration: underline; /*Les liens deviendront souligne quand on passera dessus*/
font-style: italic; /* Les liens seront en italique */
}
#haut ul
{
padding-left: 0;
margin-left: 0;
background-color: #FFFFFF;
color: #000000;
float: right;
width: 100%;
font-family: arial, helvetica, sans-serif;
font-weight: bolder;
}
#haut ul li { display: inline; }
#haut ul li a
{
padding: 0.2em 1em;
background-color: #FFFFFF;
color: #000000;
text-decoration: none;
float: left;
border-right: 1px solid #000000;
}
#haut ul li a:hover
{
background-color: #FFFFFF;
color: #CC0000;
}Et voici mon code html:
<div id="conteneur">
<div id="header">
<div align="left"><img src="http://sessions78.free.fr/logos/noirblanc.jpg"></div>
</div>
<div id="haut">
<ul class="menuhaut">
<li><a href="index2.php?page=accueil">Accueil du site</a></li>
<li><a href="index2.php?page=articles">Articles</a></li>
<li><a href="index2.php?page=articles_matos">Test matos</a></li>
<li><a href="/phpBB2/index.php">Forum</a></li>
</ul>
</div>
<div id="gauche">
<div class="fullsample_gauche">
<div align="center" class="Style2"><u>Evenement</u></div>
<br/>
<div align="center"><a href="http://www.risc-vrs.com/contest.html" target="_blank"><img src="http://img119.imageshack.us/img119/5897/flyerinternetwf1ti3.jpg" border="0" alt="Image Hosted by ImageShack.us" /></a>
<span class="Style3">RISC 2007</span> </div>
<br/>
<div align="center">
<a href="http://www.winterclash.de/" target="_blank"><img src="http://img106.imageshack.us/img106/812/logosmallka4.gif" alt="Image Hosted by ImageShack.us" width="112" border="0" /></a>
<span class="Style3">winterclash 2007</span> </div>
</div>
</div>
<div id="droite">
<div align="center"><br/>
<script type="text/javascript"><!--
google_ad_client = "pub-4082077188324969";
google_ad_width = 120;
google_ad_height = 600;
google_ad_format = "120x600_as";
google_ad_type = "text_image";
google_ad_channel = "";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br/>
<script type="text/javascript"><!--
google_ad_client = "pub-4082077188324969";
google_ad_width = 110;
google_ad_height = 32;
google_ad_format = "110x32_as_rimg";
google_cpa_choice = "CAAQm4X7zwEaCLiCaAp7VchNKM2JwXU";
google_ad_channel = "";
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</div>
<div id="centre">
<?php
if (!isset($_GET['page'])) $page= 'accueil'; else $page= $_GET['page'];
switch($page)
{
case 'accueil': include ('accueil.php');break;
case 'articles': include ('articles.html');break;
case 'articles_matos': include ('articles_matos.html');break;
case 'fin':include ('stay.html');break;
case '100_contest':include ('100_contest.html');break;
case 'test_morales':include ('test_morales.html');break;
case 'fise_2006':include ('fise_2006.htm');break;
case 'esprit_ride_2006':include ('esprit_ride_2006.htm');break;
case 'bercy_2006':include ('bercy_2006.html');break;
}
?>
</div>
<div id="pied">
<?php
include ('pied.html') ;
?>
</div>
</div>
Vous voyez où est le problème?
