Jump to content

  2. →
  3. →

Photo

Menu Em Css

Started By Durban, 20/07/2003, 14:37

  • Faça o login para participar
3 replies to this topic

#1 Durban

Durban

    Turista

  • Usuários
  • 40 posts
  • Sexo:Não informado

Posted 20/07/2003, 14:37

Tenho um menu em CSS. Até ai tudo bem. Fiz ele ter o fundo transparente sem o mouse em cima, e com o mouse em cima, ele ter um fundo branco. As letras sem o mouse de cor branco, e com o mouse preto. ´Funciona quando o mouse fica em cima da palavra. Quando está em cima da tabela, o fundo muda, mas as palavras não mudam, assim ficando tudo branco. Tem algum macete para arrumar essa falha??
É duro ser modesto quando se é bom....

#2 Chinello Cybernético

Chinello Cybernético

    Simplesmente "Chinello"

  • Usuários
  • 1892 posts
  • Sexo:Masculino
  • Localidade:Canoas - RS

Posted 20/07/2003, 18:01

Naum precisa de nenhum macete..

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.. :lol: B)

Blz??

FUi.. :P
Diego Sampaio - kroW - PHP Framework > http://chinelloweb.net/
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 Durban

Durban

    Turista

  • Usuários
  • 40 posts
  • Sexo:Não informado

Posted 20/07/2003, 19:20

Não consegui, eu fiz e refiz ele um monte de vezes, dai eu desisti e apaguei ele, resolvi pegar um pronto daqui, mas não deu certo do mesmo jeito, vou mandar o código!!
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&oacute;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&aacute;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&iacute;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&uacute;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&ccedil;&atilde;o
no Site</strong></font></div></TD>
</TR>
<TR>
<TD CLASS="menu" ONMOUSEOVER="move_i(this)" ONMOUSEOUT="move_o(this)"> <A CLASS="link" href="#">&nbsp;<B><FONT FACE="Verdana" SIZE="-2">&nbsp;-
Item 01</FONT></B></A></TD>
</TR>
<TR>
<TD CLASS="menu" ONMOUSEOVER="move_i(this)" ONMOUSEOUT="move_o(this)"> <A CLASS="link" href="#">&nbsp;<B><FONT FACE="Verdana" SIZE="-2">&nbsp;-
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>
É duro ser modesto quando se é bom....

#4 Chinello Cybernético

Chinello Cybernético

    Simplesmente "Chinello"

  • Usuários
  • 1892 posts
  • Sexo:Masculino
  • Localidade:Canoas - RS

Posted 21/07/2003, 00:14

Véio..

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:

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

Fiz esse menu rapidinho, só como exemplo.. ;)

Fui.. :P
Diego Sampaio - kroW - PHP Framework > http://chinelloweb.net/
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
Voltar para HTML, CSS e Metodologias


1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Desenvolvimento
  3. → HTML, CSS e Metodologias
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq