menu e submenus horizontais

[takeo 0]

Olá pessoal,

 

Peguei esse menu no maujor, mas to me batendo um pouco. Será que alguém pode me ajudar e me dizer como deixar ele horizontal em cima e qdo eu passar o mouse sobre algum item, o submenu tb ficar horizontal?

 

Já pesquisei no forum na net e não consegui achar!

 

ul {	margin: 0;	padding: 0;	list-style: none;	width: 150px; /* Width of Menu Items */	border-bottom: 1px solid #ccc;	}	ul li {	position: relative;	}	li ul {	position: absolute;	left: 149px; /* Set 1px less than menu width */	top: 0;	display: none;	}ul li a {	display: block;	text-decoration: none;	color: #777;	background: #fff; /* IE6 Bug */	padding: 5px;	border: 1px solid #ccc; /* IE6 Bug */	border-bottom: 0;	}	/* Holly Hack. IE Requirement \*/* html ul li { float: left; height: 1%; }* html ul li a { height: 1%; }/* End */li:hover ul, li.over ul { display: block; }

Agradeço desde já a ajuda!!! http://forum.imasters.com.br/public/style_emoticons/default/clap.gif

[pa_bruno 0]

tentou usar display: inline? ou float: left... vai testando os modos de deixar os blocos na horizontal ;)

[Giovani 104]

E ai Takeo,

 

Fiz um esquema aqui, funcionou no FF e no Opera. Não sei se o código tá limpinho....mas testa ai tb! <_<

 

ul {	margin: 0;	padding: 0;	list-style: none;	width: 350px; 	}	ul li {	position: relative;	float: left;	}	li ul {	border: none;	position: absolute;	top: 30px;	display: none;		width: 600px;	}ul li a {	display: inline;		text-decoration: none;	color: #777;	background: #fff; 	padding: 5px;	border: 1px solid #ccc; 	border-bottom: 0;	}	/* Holly Hack. IE Requirement \*/* html ul li { float: left; height: 1%; }* html ul li a { height: 1%; }/* End */li:hover ul, li.over ul { display: block; } /* The magic */

Agora no IE ele não funciona, pois ele precisa de um javascript......ai, ou alguem daqui ou o pessoal do javascript podem ajudar você. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Espero q ajude!!! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif