Problème de positionnement-->personne ?
Posté : 10 août 2005, 11:05
Bonjour, retour de vacances trop durr
je ne comprends plus rien o CSS
Ma page web affiche un espace blanc a droite !
l'erreur vient du menu grisé entre la bannière et le contenu, mais je n'arrive pas à trouver ou ! !
Je sais, mon code n'est pas parfait, mais meme si ca ressemble à une usine a gaz, l'important pour l instant c est que ce soit pret o plus vite ...
CSS :
Laurent ( Bonne fête
)
je ne comprends plus rien o CSS
Ma page web affiche un espace blanc a droite !
l'erreur vient du menu grisé entre la bannière et le contenu, mais je n'arrive pas à trouver ou ! !
Je sais, mon code n'est pas parfait, mais meme si ca ressemble à une usine a gaz, l'important pour l instant c est que ce soit pret o plus vite ...
Code : Tout sélectionner
<div id="haut">
<ul class="haut-menu">
<li class="haut-date">
<?
$Jour = array("Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi");
$Mois = array("","Janvier","Février","Mars","Avril","Mai","Juin","Juillet","Aout","Setembre","Octobre","Novembre","Décembre");
?>
<?
echo $Jour[date("w")]." ".date("d")." ".$Mois[date("n")]." ".date("Y");
?>
</li>
</ul>
</div>
<script type="text/javascript">
<!--
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
<link href="../common/menu.css" rel="stylesheet" type="text/css">
<body>
<div id="menu">
<dl>
<dt onmouseover="javascript:montre();"><a href="http://www.moxa.fr">Accueil</a></dt>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu1');"><a href="http://www.moxa.fr/produits/produits.htm">Produits</a></dt>
<dd id="smenu1">
<ul>
<li><a href="http://www.moxa.fr/produits/switch/switch-ethernet.htm">Switch Ethernet</a></li>
<li><a href="http://www.moxa.fr/produits/portserie/port-serie.htm">Port série</a></li>
<li><a href="http://www.moxa.fr/produits/media/convertisseurs-media.htm">Convertisseurs</a></li>
<li><a href="http://www.moxa.fr/produits/cartes/cartes-serie.htm">Cartes série</a></li>
<li><a href="http://www.moxa.fr/produits/comunication/serveur-communication.htm">Serveur</a></li>
<li><a href="http://www.moxa.fr/produits/usb/usb.htm">Produits USB</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu3');"><a href="http://www.moxa.fr">Documentation</a></dt>
</dl>
<dl>
<dt onmouseover="javascript:montre();"><a href="http://www.moxa.fr/support/support.htm">Support</a></dt>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu4');">A propos</dt>
<dd id="smenu4">
<ul>
<li><a href="http://www.moxa.fr/contacts/contacts.htm">Moxa France</a></li>
</ul>
</dd>
</dl>
</div>
</body>
</html>
body {
margin: 0;
padding: 0;
background: white;
font: Verdana, Arial, Helvetica, sans-serif;
color: #01927C; /* couleur de la police sans sous-titre */
font-size:16px;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
margin: 0 0 0 200px;
position: absolute;
top: 77px;
z-index:100;
width: 100%; /* precision for Opera */
}
#menu dl {
float: left;
width: 10em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 0.8px solid #c0c0c0;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
padding-left: 6%;
padding-right: 6%;
text-align: left;
background: #fff;
}
#menu li a, #menu dt a {
color: #01927C; /* couleur de la police sans sous-titre */
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
Laurent ( Bonne fête
)