Jony Walker Postado Abril 17, 2006 Denunciar Share Postado Abril 17, 2006 Olá a todos !!! Tenho um menu em css que deveria funcionar mais ou menos como o do UOL, mas ao invés da área inteira de 130px ser alterada pelo css, apenas o texto do link sofre as alterações... Eis o código:<style> a {text-decoration:none} a:hover {text-decoration:underline} #b0 {font-size:12px} #b1,#b1 a,#b1 a:visited, a{color:white} #b0{background-color:#003366} #b1 span{background-color:#336699; width:130px} #b1 a:hover{background-color:#235689} #b0{width:130px} #b1{padding-bottom: 3px} #b1 a{border:#6699CC 1px solid} a{cursor:hand} </style> <link rel="stylesheet" type="text/css" href="gg.css"> </head> <body leftmargin="0" topmargin="0"> <table width="746" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="3"> <img src="arquivos/topo.gif" width="746" height="102"> </td> </tr> <tr> <td width="130"> <div id="b0"> <div id="b1"><a href="consulta.asp" class="b3">Pesquisa</a><br> <a href="ns.asp">Nossos</a><br> <a href="cs.asp">Counter Strike</a><br> <a href="cls.asp">Counter Lan Houses</a><br> <a href="labs.asp">Laboratórios</a><br> <a href="fps.asp">first person shooters</a><br> <a href="hl.asp">Half-life</a><br> <a href="ms.asp">Materias</a><br> <a href="cg.asp">Computer Graphics</a><br> <a href="as.asp">Assault Teams</a> </div></div> </td> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 fercosmig Postado Abril 17, 2006 Denunciar Share Postado Abril 17, 2006 você está aplicando o css somente aos links...você precisa criar classes e aplicar às " TD's "abraços Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jony Walker Postado Abril 17, 2006 Autor Denunciar Share Postado Abril 17, 2006 Ok, FerCosMig, eu tinha até pensado nisso, mas no UOL eles conseguem esse efeito sem td... Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jony Walker Postado Abril 18, 2006 Autor Denunciar Share Postado Abril 18, 2006 Bom, eu consegui fazer funcionar do jeito que eu queria, mas o problema é que às vezes as bordas laterais do menu não aparecem no IE, mas aparecem no Firefox... alguém aí saberia me dizer porque ?? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jaquelinerz Postado Abril 18, 2006 Denunciar Share Postado Abril 18, 2006 já tentou forçar o código?!?! tipo: border-left: 1px bla bla bla...ou talvez o espaço q tu tenha fixado no width esteja atrapalhando o estado hover do menu eu faço esse tipo de menu em javascript... coloco um estado OnMouseOver nas todos e formato os estilos em CSS...=* Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Jony Walker
Olá a todos !!!
Tenho um menu em css que deveria funcionar mais ou menos como o do UOL, mas ao invés da área inteira de 130px ser alterada pelo css, apenas o texto do link sofre as alterações...
Eis o código:
<style> a {text-decoration:none} a:hover {text-decoration:underline} #b0 {font-size:12px} #b1,#b1 a,#b1 a:visited, a{color:white} #b0{background-color:#003366} #b1 span{background-color:#336699; width:130px} #b1 a:hover{background-color:#235689} #b0{width:130px} #b1{padding-bottom: 3px} #b1 a{border:#6699CC 1px solid} a{cursor:hand} </style> <link rel="stylesheet" type="text/css" href="gg.css"> </head> <body leftmargin="0" topmargin="0"> <table width="746" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="3"> <img src="arquivos/topo.gif" width="746" height="102"> </td> </tr> <tr> <td width="130"> <div id="b0"> <div id="b1"><a href="consulta.asp" class="b3">Pesquisa</a><br> <a href="ns.asp">Nossos</a><br> <a href="cs.asp">Counter Strike</a><br> <a href="cls.asp">Counter Lan Houses</a><br> <a href="labs.asp">Laboratórios</a><br> <a href="fps.asp">first person shooters</a><br> <a href="hl.asp">Half-life</a><br> <a href="ms.asp">Materias</a><br> <a href="cg.asp">Computer Graphics</a><br> <a href="as.asp">Assault Teams</a> </div></div> </td>Link para o comentário
Compartilhar em outros sites
4 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.