28172 sujets

CSS et mise en forme, CSS3

Bonjour

Le menu déroulant sur lequel je travail deconne grave sous IE.
VOIR SITE

Voici les code.

<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>

--------------------------------------------------------------
<style type="text/css">
dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 10px 0 0;
padding: 0;
}

#menu {
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

#menu dl {
float:left;
}
#menu li {
display: inline;
}

#menu a {
text-decoration: none;
color:#7a7a7a;
white-space:nowrap;
}

#smenu1, #smenu2{
position:absolute;
top:16px;
left:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
}
</style>

--------------------------------------------------------------
<div id="menu">

	<dl>
		<dt onMouseOver="montre('smenu1');"><a href="#">Agency Profile</a></dt>
			<dd id="smenu1">
					<a href="#">Menu menu menu | Menu menu menu | Menu menu menu</a>
			</dd>
	</dl>
	
	<dl>			
		<dt onMouseOver="montre('smenu2');"><a href="#">Projects</a></dt>
			<dd id="smenu2">
				<ul>
					<li><a href="#">Menu menu menu | Menu menu menumenu | Menu menu menu</a></li>
				</ul>
			</dd>
	</dl>
	
	<dl>	
		<dt onMouseOver="montre('smenu3');"><a href="#">Press Reviews</a></dt>
	</dl>
	
	<dl>	
		<dt onMouseOver="montre('smenu4');"><a href="#">Job Application</a></dt>
	</dl>
	
</div>

--------------------------------------------------------------
Merci d'avance de votre aide.

am
Salut,

Heu !! Il ne manque rien dans ton code? Smiley biggol Smiley biggol
une petite déclaration de doctype... ouvrir <html> et <body> aussi ça aide Smiley cligne . En l'état ie passe direct en mode Quirck...
En rajoutant la déclaration du doctype, le blem du menu est résolu, mais ya un autre qui est apparu. Il y a un espace blanc maintenant entre la table bleu et gris.