Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Thales Andrade

Menu Drop Down não funciona no IE 7

Por , em Desenvolvimento frontend

Recommended Posts

Thales Andrade    0

Thales Andrade
Postado

Boa Tarde !Por favor.. preciso de uma ajuda urgente.Fiz um menu drop down que funciona no IE 5.5, 6.0, Firefox, só da problema no IE 7.Alguém poderia me dizer o que poderia ser?Ai vai o code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME="Author" CONTENT=""><META NAME="Keywords" CONTENT=""><META NAME="Description" CONTENT=""><style>.menu {	float: left;	width: 878;	font-family: Verdana;	font-size: 11px;	color: black;	text-decoration: none;	background: red; /* ONDE SE COLOCA A URL DE FUNDO */	margin: 0px 0px 0px 0px;}.menu ul {	padding: 0px;	margin: 0px;	list-style: none;}.menu ul li {	float: left;	position: relative;}.menu ul li a, .menu ul li a:visited {	float: left;	display: block;	text-decoration: none;	color: #fff; /* COR DO TEXTO DO MENU COM LINK E LINK JA VISITADO*/	padding: 0px;	width: 125px; /* TAMANHO DOS MENUS */	text-align: center;	line-height: 30px; /* ALTURA DO MENU */	height: 30px; /* ALTURA DO MENU */}.menu ul li a:hover, .menu ul li a.over {	background: blue;	color: yellow; /* COR DA FONTE QUANDO O MOUSE ESTÁ EM CIMA DO MENU */ }.menu ul li:hover a, .menu ul li.over a {	background: blue;	color: yellow; /* COR DA FONTE QUANDO O MOUSE ESTÁ EM CIMA DO MENU */ }.menu ul li ul {	display: none; /* ESCONDE OS SUBMENUS */ }.menu table {	margin: 0;	border-collapse: collapse;	font-size: 11px; /* FONTE DO SUBMENU */	font-family: Verdana; /* FONTE DO SUBMENU */	color: green;	position: absolute;	top: 0px;	left: 0px;}/* ESPECIFICO PARA BROWSERS QUE NÃO SEJAM INTERNET EXPLORER */ .menu ul li:hover ul, .menu ul li.over ul {	display: block; /* AQUI É ONDE DEFINE QUE O SUBMENU VAI SE ABRIR AO COLOCAR O MOUSE */	position: absolute;	top: 29px;	background: black;	margin-top: 1px;	left: 0;	width: 125px;}.menu ul li:hover ul li a, .menu ul li.over ul li a { /* ONDE SE DEFINE O ESTILO DO LI DO SUBMENU COM LINK */ 	display:block;	background: black;	color: green;	height:auto;	line-height:25px;	padding: 0px 0px;	width: 125px; /* IMPORTANTE */	border: 0px solid red;}.menu ul li:hover ul li a:hover, .menu ul li.over ul li a.over {	color: lightblue;	background: white;}/* ESPECIFICO PARA INTERNET EXPLORER 5.5 E 6.0 */.menu ul li a:hover ul, .menu ul li a.over ul {	display:block;	position:absolute;	top:30px;	t\op:29px;	background:#aaa;	left:0;	marg\in-top:1px;	width: 125px;}.menu ul li a:hover ul li a, .menu ul li a.over ul li a {	display:block;	background: black;	color: green;	height: 1px;	line-height:25px;	padding: 0px 0px;	width: 125px; /* IMPORTANTE */	w\idth: 125px;	border: 0px solid red;}.menu ul li a:hover ul li a:hover, .menu ul li a.over ul li a.over {	color: lightblue;	background: white;}.left {clear:both;}</style></HEAD><BODY><div id='menu' class='menu'><ul>	<li> <a href='#'>Menu 1 		<table>		<tr>			<td>			<ul>				<li><a href='#'>Sub-menu 1</a></li>				<li><a href='#'>Sub-menu 2</a></li>			</ul>			</td>		</tr>		</table>		</a>	</li>	<li> <a href="#">Menu 2</a> </li>	<li> <a href="#">Menu 3</a>		<table>		<tr>			<td>			<ul>				<li> Sub-menu 2 </li>			</ul>			</td>		</tr>		</table>	</li>	<li> <a href="#">Menu 4</a> </li></ul></div></BODY></HTML>

OBRIGADO,Thales

Compartilhar este post

Link para o post
Compartilhar em outros sites

webflex    0

webflex
Postado

Olá,Seu código está cheio de erros..Procure na net sobre exemplos de menu's.Cumps \o/

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito