Salut,
J'ai fait un menu horizontal deroulant a base d'un tutos du forum, mais il est vertical sous IE, je bidouille mais je parvient a rien.
Merci de votre aide.
CSS
HTML
Modifié par Hum (13 Feb 2006 - 22:51)
J'ai fait un menu horizontal deroulant a base d'un tutos du forum, mais il est vertical sous IE, je bidouille mais je parvient a rien.
Merci de votre aide.
CSS
#menu { position: absolute; top: 0; margin: 0 auto; z-index:100; width: 100%;}
#menu dl { position: relative; margin:0; padding:0; left:270px; margin:0 6px}
dl, dt, dd, ul, li { margin: 0;padding: 0; list-style-type: none;}
#menu dt { cursor: pointer; color:#333300; margin:0; text-decoration: none; }
#menu dd {}
#menu li {}
#menu li a, #menu dt a { text-decoration: none;display: block;height:100%; border: 0 none;
color: #13bc47; text-decoration: none; margin: 0; padding: 0; font: 0.8em Georgia, serif ; font-variant:small-caps ;}
span#rolloverpoint { text-decoration: none;display:
block;height:100%; border: 0 none; color: #13bc47; text-decoration:
none; margin: 0; padding: 0; font: 0.8em Georgia, serif ;
font-variant:small-caps ;}HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<!--Les courroies de carnelle -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="Site des courroies de carnelle association d'exposition et d'organisation de ballades de motos a courroies"
content="Association les courroies de carnelle propose sa galerie photos representant les ballades et expositions qu'elle organise avec comme seul critère de participation avoir une moto a courroie" />
<meta name="keywords"
content="motos a courroies, exposition de motos a courroies, ballade de motos a courroies" />
<meta http-equiv="Content-Language" content="fr" />
<title>Les courroies de carnelle</title>
<style type="text/css">
@import url(./text1.css);
</style>
<script type="text/javascript">
<!--
window.onload=montre;
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>
</head>
<body >
<div id="accueil">
<div id="header"></div>
<div id="hgauche"></div>
<div id="motor"></div>
</div>
<div id="menu">
<dl>
<dt onmouseover="javascript:montre('smenu1');"><div id="rolloverpoint">Galerie photos</div></dt>
<dd id="smenu1">
<ul>
<li><a href="./pages/photos05.html" title="">2005</a></li>
<li><a href="./pages/photos04.html" title="">2004</a></li>
<li><a href="./pages/photos03.html" title="">2003</a></li>
<li><a href="./pages/photos01.html" title="">2001</a></li>
<li><a href="./pages/photos00.html" title="">2000</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre();">
<a title="Inscription ballade" accesskey="4" href="./pages/inscription.html">Inscription ballade</a></dt>
</dl>
<dl>
<dt onmouseover="javascript:montre();">
<a title="Historique" accesskey="3" href="./pages/historique05.html">Historique</a></dt>
</dl>
<dl>
<dt onmouseover="javascript:montre();">
<a title="Liens" accesskey="8" href="./pages/liens.html">Liens</a></dt>
</dl>
<dl>
<dt onmouseover="javascript:montre();">
<a title="Contactez nous" accesskey="9" href="andre.laboulbene@free.fr">Contactez nous</a></dt>
</dl>
</div>
<div id="cadre">
<div id="bloccadre">
<p>
"Les courroies de carnelle" est une association
d'exaltés ahurits de cambouis accros à la sauce exquise
de la bidouille mais aussi de la mecanique qui fonctionne bien
et différemment, protecteurs et adorateurs des inventions
et systèmes mecaniques d'horlogerie d'antants. Ceci est un énorme bleblabla servant de texte d'accueil sur ce site ou sur la galejdfn dkdjfosdkjf dsfpikdjfkdjfsdqmlf
</p>
</div>
</div>
</body>
</html>Modifié par Hum (13 Feb 2006 - 22:51)
