Bonjour à tous.
Voilà je viens de démarrer un nouveau site web PHP/CSS.
Il est visible ici : http://infotek.be/asap/
3 choses me semblent bizarres :
1) sur FF, j'ai un espace blanc entre la bannière et ma première bande grise alors que sous IE pas.
2) je ne comprend pas comment ma seconde bande grise ne vient pas se coller en dessous de mon menu ni sous FF ni sous IE
3) je vais faire un div à droite du menu pour le contenu du site.
Je voudrais donc savoir comment faire pour que le menu continue chaque fois jusque toucher la barre grise en dessous sachant que celle-ci va "bouger verticalement" en fonction du contenu de mon corps.
Je vous mets le code HTML ici :
le menu est décrit ici :
et le CSS :
D'avance, Merci à vous tous pour votre aide
Modifié par arnaud_verlaine (09 Oct 2006 - 18:03)
Voilà je viens de démarrer un nouveau site web PHP/CSS.
Il est visible ici : http://infotek.be/asap/
3 choses me semblent bizarres :
1) sur FF, j'ai un espace blanc entre la bannière et ma première bande grise alors que sous IE pas.
2) je ne comprend pas comment ma seconde bande grise ne vient pas se coller en dessous de mon menu ni sous FF ni sous IE
3) je vais faire un div à droite du menu pour le contenu du site.
Je voudrais donc savoir comment faire pour que le menu continue chaque fois jusque toucher la barre grise en dessous sachant que celle-ci va "bouger verticalement" en fonction du contenu de mon corps.
Je vous mets le code HTML ici :
<body>
<?
//Fichier dont on a besoin
Require("menu.php");
//On place la bannière
echo"<div id=\"Banniere\"><img src=\"Banniere.jpg\" alt=\"Bienvenue sur le site de l'A.S.A.P\" /></div>";
//On place un espace Gris
echo"<div id=\"LigneHorizontaleGrise\"> </div>";
//On affiche le menu
menu();
//On place un espace Gris
echo"<div id=\"LigneHorizontaleGrise\"> </div>";
?>
</body>
le menu est décrit ici :
<?
function menu()
{
echo"
<ul id=\"menu\">
<li> </li>
<li><a href=\"#\">QUI SOMMES NOUS ?</a></li>
<li><img src=\"LigneMenu.gif\" border=\"0\" /></li>
<li><a href=\"#\">OBJECTIFS</a></li>
<li><img src=\"LigneMenu.gif\" border=\"0\" /></li>
<li><a href=\"#\">MOYENS</a></li>
<li><img src=\"LigneMenu.gif\" border=\"0\" /></li>
<li><a href=\"#\">AGENDA</a></li>
<li><img src=\"LigneMenu.gif\" border=\"0\" /></li>
<li><a href=\"#\">ANNONCES</a></li>
<li><img src=\"LigneMenu.gif\" border=\"0\" /></li>
<li><a href=\"#\">ZONE MEMBRES</a></li>
<li><img src=\"LigneMenu.gif\" border=\"0\" /></li>
<li><a href=\"#\">COMMENT ADHERER</a></li>
<li><img src=\"LigneMenu.gif\" border=\"0\" /></li>
<li><a href=\"#\">CONTACT</a></li>
<li> </li>
</ul>";
}
?>
et le CSS :
/* CSS Document */
body{background:#F5F5F5;}
/*Banniere*/
#Banniere{
position:relative;
margin-left:10px;
margin-top:0px;
padding-top:20px;
}
#LigneHorizontaleGrise{
position:relative;
padding-bottom:0px;
padding-top:0px;
margin-left:10px;
height:20px;
width:950px;
background-color:#666666;
border-top:#FFFFFF 3px solid;
border-bottom:#FFFFFF 3px solid;
}
/* MENU */
ul#menu {
position:relative;
margin-left: 10px;
margin-top: 0px;
padding-top: 0px;
padding-bottom:0px;
background-color:#DBDBDB;
width:200px;
}
ul#menu li{ /* tous les "li" dans "#menu"*/
list-style-type: none; /* pas de puces */
text-align:center;
}
ul#menu li a { /* les "a" des "li" dans "#menu" */
display: block;
margin: 0px; /* espace entre les menus */
width:200px;
height:10px;
background: #DBDBDB;
/* Ecriture */
font-family:Geneva, Verdana, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
font-weight:bold;
color:#333333;
}
D'avance, Merci à vous tous pour votre aide
Modifié par arnaud_verlaine (09 Oct 2006 - 18:03)
une idée ?
