Menu Em Css
#1
Posted 20/07/2003, 14:37
#2
Posted 20/07/2003, 18:01
Até porque naum é uma falha..
Reveja o seu código, vê se tá tudo certinho.. Se for preciso refaz ele todinho..
Se ainda naum der, posta o código aqui, porque eu acredito que ninguém aqui é adivinho pra adivinhar exatamente o código que vc tá usando com o mesmo erro..
Blz??
FUi..
chinello at gmail dot com
System > Athlon 64 3200+ Mobile | Kubuntu 7.04 Fesity Fawn AMD64 | Kernel 2.6.20-16
Coding @ KDE 3.5.7 | PHP 5.2.1 | Apache 2.2.3 | MySQL 5.0.38
#3
Posted 20/07/2003, 19:20
Não sei se a camada ou a tabela pode ter algo a ver, por isso mandei ela junto!!! Me ajudem por favor!!!
<div id="Layer2" style="position:absolute; left:2px; top:144px; width:110px; height:284px; z-index:2">
<STYLE type=text/css>
.menu {background-color:#000099; cursor:hand; font-family:Verdana; font-size:8pt; font-weight:bold}
A.link:link {color: white; text-decoration: none}
A.link:visited {color: black; text-decoration: none}
A.link:active {color: white; text-decoration: none}
A.link:hover {color: black; text-decoration : none;}
</STYLE>
<script LANGUAGE="JavaScript">
function move_i(what) { what.style.background='#FFFFFF'; }
function move_o(what) { what.style.background=''; }
</SCRIPT><BODY>
<TABLE WIDTH="118" BORDER="1" BORDERCOLOR="#000000" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD bgcolor="#0066FF"> <div align="center"><font color="#000099" size="-2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Menu</strong></font></div></TD>
</TR>
<TR>
<TD CLASS="menu" ONMOUSEOVER="move_i(this)" ONMOUSEOUT="move_o(this)"> <strong><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif"><A CLASS="link" href="#">Principal</A></font></strong></TD>
</TR>
<TR>
<TD CLASS="menu" ONMOUSEOVER="move_i(this)" ONMOUSEOUT="move_o(this)"> <p><font color="#FFFFFF"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><A CLASS="link" href="#">Compras</A></font></strong></font></p></TD>
</TR>
<TR>
<TD CLASS="menu" ONMOUSEOVER="move_i(this)" ONMOUSEOUT="move_o(this)"> <strong><font color="#000099" size="1" face="Verdana, Arial, Helvetica, sans-serif"><A CLASS="link" href="#">Drinks</A></font></strong></TD>
</TR>
<TR>
<TD CLASS="menu" ONMOUSEOVER="move_i(this)" ONMOUSEOUT="move_o(this)"><strong><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<A CLASS="link" href="#">Esportes</A></font></strong></TD>
</TR>
<TR>
<TD CLASS="menu" ONMOUSEOVER="move_i(this)" ONMOUSEOUT="move_o(this)"> <strong><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif"><A CLASS="link" href="#">Festas</A></font></strong></TD>
</TR>
<TR>
<TD WIDTH="115" CLASS="menu" ONMOUSEOVER="move_i(this)" ONMOUSEOUT="move_o(this)">
<strong><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif"><A CLASS="link" href="#" TARGET="conteudo">Fotos</A></font></strong></TD>
</TR>
<TR>
<TD CLASS="menu" ONMOUSEOVER="move_i(this)" ONMOUSEOUT="move_o(this)"> <strong><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif"><A CLASS="link" href="#">Horóscopo</A></font></strong></TD>
</TR>
<TR>
<TD CLASS="menu" ONMOUSEOVER="move_i(this)" ONMOUSEOUT="move_o(this)"> <strong><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif"><A CLASS="link" href="#">Informática</A></font></strong></TD>
</TR>
<TR>
<TD CLASS="menu" ONMOUSEOVER="move_i(this)" ONMOUSEOUT="move_o(this)"> <strong><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif"><A CLASS="link" href="#">Jogos</A></font></strong></TD>
</TR>
<TR>
<TD CLASS="menu" ONMOUSEOVER="move_i(this)" ONMOUSEOUT="move_o(this)"> <strong><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif"><A CLASS="link" href="#">Moda
e Beleza</A></font></strong></TD>
</TR>
<TR>
<TD CLASS="menu" ONMOUSEOVER="move_i(this)" ONMOUSEOUT="move_o(this)"> <strong><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif"><A CLASS="link" href="#">Notícias</A></font></strong></TD>
</TR>
<TR>
<TD CLASS="menu" ONMOUSEOVER="move_i(this)" ONMOUSEOUT="move_o(this)"> <strong><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif"><A CLASS="link" href="#">Saúde</A></font></strong></TD>
</TR>
<TR>
<TD height="15" bgcolor="#0066FF"> <div align="center"><font color="#000099" size="-2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Interação
no Site</strong></font></div></TD>
</TR>
<TR>
<TD CLASS="menu" ONMOUSEOVER="move_i(this)" ONMOUSEOUT="move_o(this)"> <A CLASS="link" href="#"> <B><FONT FACE="Verdana" SIZE="-2"> -
Item 01</FONT></B></A></TD>
</TR>
<TR>
<TD CLASS="menu" ONMOUSEOVER="move_i(this)" ONMOUSEOUT="move_o(this)"> <A CLASS="link" href="#"> <B><FONT FACE="Verdana" SIZE="-2"> -
Item 02</FONT></B></A> </TD>
</TR>
<TR>
<TD WIDTH="115" CLASS="menu" ONMOUSEOVER="move_i(this)" ONMOUSEOUT="move_o(this)">
<A CLASS="link" href="#"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Contatenos</font></A></TD>
</TR>
</TABLE>
</div>
#4
Posted 21/07/2003, 00:14
Provavelmente tava acontecendo isso, por causa das cores que tu colocou nos links.. Tipo: quando era link, tu colocou uma cor, aí quando colocasse o mouse em cim da LINK, mudava para uma outra cor.. E provavelmente nessa parte tu errou..
Outra coisa, eu acho melhor, se usar só códigos CSS para dizer e/ou mudar a cor de fundo.. Sei que naum tem nada a ver, mas tô só falando.. hehe
Olha como fica mais simples fazer assim:
Fiz esse menu rapidinho, só como exemplo..<style>
.menu {
background-color: #000099;
border: #000000 1px solid;
font-family: Tahoma;
font-size: 10px;
color: #FFFFFF
}
.hover {
background-color: #FFFFFF;
border: #000000 1px solid;
font-family: Tahoma;
font-size: 10px;
color: #000000
}
</style>
</head>
<body>
<table border=0 cellpadding=2 cellspacing=0 width=150>
<tr>
<td class="menu" OnMouseOver="this.className='hover'" OnMouseOut="this.className='menu'">
<B>Bla bla</B>
</td>
</tr>
<tr>
<td class="menu" OnMouseOver="this.className='hover'" OnMouseOut="this.className='menu'">
<B>Bla bla</B>
</td>
</tr>
<tr>
<td class="menu" OnMouseOver="this.className='hover'" OnMouseOut="this.className='menu'">
<B>Bla bla</B>
</td>
</tr>
</table>
Fui..
chinello at gmail dot com
System > Athlon 64 3200+ Mobile | Kubuntu 7.04 Fesity Fawn AMD64 | Kernel 2.6.20-16
Coding @ KDE 3.5.7 | PHP 5.2.1 | Apache 2.2.3 | MySQL 5.0.38
0 user(s) are reading this topic
0 membro(s), 0 visitante(s) e 0 membros anônimo(s)