Ir para conteúdo

POWERED BY:

Arquivado

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

heliosal

CSS naum funca corretamente

Por , em Desenvolvimento frontend

Recommended Posts

heliosal    0

heliosal
Postado

Pessoal vou postar aki um exemplo do q está acontecendo, mas tb vou explicar, é o seguinte: tenho uma tabela com um link em cada celula mas apenas a primeura celula da tabela funciona corretamente, digo, se eu posicionar o cursor do mouse em qualquer parte da celula o link funcona, já nas outras o link só funciona se eu posicionar o cursor na palavra :blink:

 

o q pode estar acontecendo, deem uma olhada no código

<style>
a:hover 
{  
font-style: normal; 
color: #FFFFFF; 
background-color: #006600;
}
a.menu
{  
display: block;
font-family: Arial, Helvetica, sans-serif; 
font-size: 8pt; 
font-weight: bold; 
color: #FFFFFF; 
text-decoration: none; 
background-color: #99CC99
}
</style>

<table width="100%" border="0" bgcolor="#339900" cellspacing="2" cellpadding="0">
 <tr align="center"> 
   <td>
     <a href="#" class=menu>Menu 1</a>
   </td>
   <td> 
     <a href="#" class=menu>Menu 2</a>
   </td>
   <td> 
     <a href="#" class=menu>Menu 3</a>
   </td>
 </tr>
</table>

Bem é isso ai ... espero que possam me ajudar http://forum.imasters.com.br/public/style_emoticons/default/joia.gif ... mais uma coisa os CSS's naum funcionam em Netscape, Fire Fox ou Opera? :unsure:

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

olha, dessa forma funcionou no FF e opera... mas no i.e. continuou na mesma... vai entender neh...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Teste</title><style type="text/css">a {display: block;font: bold 8pt Arial, Helvetica, sans-serif;color: #FFFFFF;text-decoration: none;background-color: #99CC99;}a:hover {color: #FFFFFF;display: block;background-color: #006600;}</style></head><body>	<table width="100%" border="0" bgcolor="#339900" cellspacing="2" cellpadding="0">		<tr>			<td><a href="#">Menu 1</a></td>			<td><a href="#">Menu 2</a></td>			<td><a href="#">Menu 3</a></td>		</tr>	</table></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado

ou se preferir manter o className dos seus elementosbastaria corrigir o estilo CSSnesse trecho:<style>a:hovertrocando por:<style>a.menu:hovere nao esqueça do display: block; no hover

Compartilhar este post

Link para o post
Compartilhar em outros sites

heliosal    0

heliosal
Postado

Realmente pessoal, muito obrigado pela ajuda está funcionando nos outros navegadores, agora o IE naum tem jeito, não sei o q pode ser ... isso é um enigma

 

Valeu pela ajuda ... se alguem souber de mais alguma coisa eh só postar http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

você pode fazer isso utilizando listas naum ordenadas... mas ae naum tem como utilizar por exemplo esse tamanho em porcentagem... soh fixo... o liquido, funciona, mas um embaixo do outro... num poderia utilizar com tamanhao fixo naum? poderia entaum utilizar um padding sem colocar um width... mas isso naum faria com q o menu ficasse 100% preenchido... faloww...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Seifer    0

Seifer
Postado

Usa algum truque (às vezes é necessário mais elementos)

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Teste</title><style type="text/css">a {  font: bold 8pt Arial, Helvetica, sans-serif;  color: #FFFFFF;  text-decoration: none;  background-color: #99CC99;  display: block;}a:hover {  color: #FFFFFF;  background-color: #006600;  display: block;}span{  width: 100%;  display: block;  cursor: pointer;  cursor: hand;}</style></head><body><table width="100%" border="0" bgcolor="#339900" cellspacing="2" cellpadding="0"><tr><td><a href="#1"><span>Menu 1</span></a></td><td><a href="#2"><span>Menu 2</span></a></td><td><a href="#3"><span>Menu 3</span></a></td></tr></table></body></html>

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