Ir para conteúdo

POWERED BY:

Arquivado

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

Alguém

css dos links

Por , em Desenvolvimento frontend

Recommended Posts

Alguém    0

Alguém
Postado

E ai pessoal, já vou direto ao ponto, to fazendo um menu pro meu site e tals, só que chegou na parte das <li> e eu queria que a pagina inicio ( representada por "aff") tivesse uma border-bottom, até ai tudo bem. A questão é, como que eu faço pra quando eu colocar o mouse sobre OUTRO LINK (representado por "esconde") tivesse a borda em baixo desse link, mas a borda da página início desaparecesse. Dando a impressão que ela se movimentou, saiu do botão inicio e foi para outro. Eu sou bem noob no assunto kkkkk.Ta ai o código exemplo:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sem título</title>
<style type="text/css">
li{ list-style-type:none;float:left;margin-right:30px;}
li a{ text-decoration:none;color:#000000;}
#aff{
border-bottom:2px solid #000000;
}
#esconde:hover{
border-bottom:2px solid #000000;
}

/* ESSA PARTE Q N TENHO IDEIA DE COMO FAZER */
#esconde:hover #aff{border:none;}

</style>
</head>

<body>
<ul>
<li><a id="aff" href="#">aff</a></li>
<li><a id="esconde" href="#">esconde aff</a></li>
</ul>
</body>
</html>

 

 

É tipo esse site: http://www.yify-torrents.com

 

 

vejam o menu, a bordinha ali em cima se movimenta pro outro botão

 

 

Alguém da uma força ai, acredito que o problema não seja difícil! u.u

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