Ir para conteúdo
Fórum Script Brasil
  • 0

problema com css


vini_loock

Pergunta

oi, eu estou com um pequeno poblema quanto a um menu em css.

eu fiz o menu utilizando listas, e depois formatei usando css da sequinte forma:

um menu vertical.

com 5 botões.

Ah... pensando bem vou postar o código acho que vai até ficar masi fácil de vocÊs me ajudarem


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Menu</title>
<style type="text/css">
body {
color: purple;
background-color: #33ff66 }
ul.navbar a:hover {
list-style-type: none;
padding: 0;
margin: 0;
top: 0px;
left: 0px;
width: 9em }


ul.navbar {
list-style-type: none;
padding: 0;
margin: 0;
position: absolute;
top: 0px;
left: 0px;
width: 9em }

ul.navbar li a:hover {
background: gold;
margin: 0.9em 0;
padding: 1.1em;
}

ul.navbar li {
background: white;
margin: 0.5em 0;
padding: 0.3em;
border-right: 1em solid black }

ul.navbar a {
text-decoration: none;
}


</style>
</head>

<body>

<!-- Menu de navegacao do site -->
<ul class="navbar">
<li><a href="#">Empresa</a>
<li><a href="#">Serviços</a>
<li><a href="#">Equipamentos</a>
<li><a href="#">Eventos</a>
<li><a href="#">Parceiros</a>
<li><a href="#">Contato</a>
</ul>


</body>
</html>

[/codebox]

o menu em si ficou do jeito certo, mas eu queria que quando passasse o mouse em cima, mudasse a cor da borda da direita e do botão, e não aquela "caixinha" (ou o que vocês preferirem).

alguém sabe como fazer?

vlw

Por favor me ajudem to um dia inteiro tentando isso e não consigo. fiz tanta coisa, que se algum dia eu quizer fazer a mesma coisa, nunca vou conseguir XD

Editado por vini_loock
Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

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.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,2k
×
×
  • Criar Novo...