• Comunicados

    • Gabriel Torres

      Seja um moderador do Clube do Hardware!   13-02-2016

      Prezados membros do Clube do Hardware,

      Está aberto o processo de seleção de novos moderadores para diversos setores ou áreas do Clube do Hardware. Os requisitos são:
        Pelo menos 500 posts e um ano de cadastro; Boa frequência de participação; Ser respeitoso, cordial e educado com os demais membros; Ter bom nível de português; Ter razoável conhecimento da área em que pretende atuar; Saber trabalhar em equipe (com os moderadores, coordenadores e administradores).   Os interessados deverão enviar uma mensagem privada para o usuário @Equipe Clube do Hardware com o título "Candidato a moderador". A mensagem deverá conter respostas ao formulário abaixo:    Qual o seu nome completo? Qual sua data de nascimento? Qual sua formação/profissão? Já atuou como moderador em algo outro fórum, se sim, qual? De forma sucinta, explique o porquê de querer ser moderador do fórum e conte-nos um pouco sobre você.   OBS: Não se trata de função remunerada. Todos que fazem parte do staff são voluntários.
    • DiF

      Poste seus códigos corretamente!   21-05-2016

      Prezados membros do Fórum do Clube do Hardware, O Fórum oferece um recurso chamado CODE, onde o ícone no painel do editor é  <>     O uso deste recurso é  imprescindível para uma melhor leitura, manter a organização, diferenciar de texto comum e principalmente evitar que os compiladores e IDEs acusem erro ao colar um código copiado daqui. Portanto convido-lhes para ler as instruções de como usar este recurso CODE neste tópico:  
Entre para seguir isso  
Seguidores 0
Célio-Ctba

CSS simples não está funcionando

6 posts neste tópico

Fala galera!!!

Estou tentando fazer um menu usando css, é muito simples mas não funciona se alguém puder dar uma força!!!

***código htm***


<html>
<head>

<title>Untitled Document</title>
<link href="estilo2.css" rel="stylesheet" type="text/css">

</head>

<body>
<table width="150" border="0" cellpadding="1" cellspacing="1" class="menu1">
 <tr>
   <th class="menu1" scope="row">Radio</th>
 </tr>
 <tr>
   <th class="menu1" scope="row">TV</th>
 </tr>
 <tr>
   <th class="menu1" scope="row">Jornal</th>
 </tr>
 <tr>
   <th class="menu1" scope="row">Helicoptero</th>
 </tr>
 <tr>
   <th class="menu1" scope="row">Peixes</th>
 </tr>
</table>
</body>
</html>

***código css***


.menu1:hover {
background-color: #00FF00;
}

Abraços

Compartilhar este post


Link para o post
Compartilhar em outros sites

O Internet Explorer não sabe que o :hover se aplica para elementos diferentes de links, portanto se a classe está aplicada para uma tabela ele não verificará a presença do ":hover".

Quando você quer fazer menus desse tipo a solução mais correta é utilizar elementos de bloco (display: block;) em listas com links.

Dê uma olhada nesse site:

http://www.accessify.com/tools-and-wizards...ist-o-matic.asp

Você vai respondendo as perguntas e ele fará um menu com CSS em listas pra você, aí você vai entender melhor como fazer um menu sem usar tabelas.

Compartilhar este post


Link para o post
Compartilhar em outros sites

O link é muito bom, com vários modelos de menus.

Agora no meu não funcionou 100%, acho q falta uma relação entre o arquivo css e o htm.

Estou colocando isso: <link href="estilo2.css" rel="stylesheet" type="text/css"> no arquivo htm, só isso basta para funcionar?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não entendi sua pergunta... a tag <link> que você passou está ok desde que o HTML e o CSS estejam na mesma pasta.

No seu menu (que você passou no primeiro post) o problema me parece outro. Assim:

<th class="menu1" scope="row">Radio</th>

A classe "menu1" está aplicada no TH.

Depois você passa a instrução:

.menu1:hover {

background-color: #00FF00;

}

Isso não vai funcionar porque o :hover nesse caso está em relação ao TH e o Internet Explorer não reconhece :hover em qualquer elemento diferente do A (links).

Depois, "Radio" (nesse caso) não possui nenhum link. Se você usar:

<th>[url="#"]Radio[/url]</th>

Aí você terá um efeito onde apenas o texto possui um fundo diferente, ao invés da célula toda porque, como eu disse, o A nesse caso não é um elemento de bloco. Nas listas no link que te passei os A são elementos de bloco, por isso que você consegue aquele efeito.

No caso usando o HTML que te passei acima (da classe no A), o CSS deveria ser algo como:

.menu1 {
display: block;
width: auto !important;
width: 100%; /* corrige o bug do IE com links de bloco */
}

.menu1:hover {
background-color: #00FF00;
}

Tente esse código...

PS: O bug que eu comentei é um bug onde se o link de bloco não tiver uma dimensão (comprimento ou altura) o IE não vai reconhecer ele como elemento de bloco completamente.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Problema Resolvido!

Caso o autor necessite que o tópico seja reaberto, favor enviar mensagem privada para um dos moderadores dessa área.

Abraços!

Compartilhar este post


Link para o post
Compartilhar em outros sites
Visitante
Este tópico está impedido de receber novos posts.
Entre para seguir isso  
Seguidores 0