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

Layer Com Link, tem como?


Martinsrj

Pergunta

#RJNET {
position: absolute;
left: 529px;
width: 115px;
height: 53px;
border: 3px solid #c5d5d9;
background-color: #D9E3E6;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 2px;
margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
margin-left: 5px;
line-height: 20px;
top: 293px;
background-image: url(imagemdownloads/velocimetro_rjnet.jpg);
z-index: 1;
}
#RJNET a {
width: 200px;
height: 27px;
text-decoration: none;
}
--------------------------------------------------------------------------------------------------------------------------------------
<div id="RJNET"><a href="http://www.rjnet.com.br/1velocimetro.php">&nbsp;</a>
</div>

Tenho o seguinte layer acima.

Gostaria que o usuario ao clicar no layer ser levado, direcionado ao site do RJNET.

Tem como fazer apenas com o CSS, sem utilizar JS???

Com JavaScript eu já consegui.

Desde já agradeço pela dica,

Abraços.

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0

Você que saber se tem como por um link na DIV?

Se for isso, pode sim.

No Css fica mais ou menos assim:

.span-rjnet{ width:115px; height:53px; margin:0; padding:0; text-decoration:none; text-align:left; background:url(imagemdownloads/velocimetro_rjnet.jpg); cursor:pointer;}

.span-rjnet a{ text-decoration:none;}

a.span-rjnet{ text-decoration:none;}

.span-rjnet a:hover{ text-decoration:none;}

.span-rjnet:hover{ background:url(imagemdownloads/velocimetro_rjnet.jpg);}

<a href="http://www.rjnet.com.br/1velocimetro.php" title="RJNET">

<span class="span-rjnet">

RJNET

</span>

</a>

Fica mais ou menos assim. Aí é só você arrumar os valores da propriedades para o que você deseja usar no site.

Abraço!

Link para o comentário
Compartilhar em outros sites

  • 0
Você que saber se tem como por um link na DIV?

Se for isso, pode sim.

No Css fica mais ou menos assim:

.span-rjnet{ width:115px; height:53px; margin:0; padding:0; text-decoration:none; text-align:left; background:url(imagemdownloads/velocimetro_rjnet.jpg); cursor:pointer;}

.span-rjnet a{ text-decoration:none;}

a.span-rjnet{ text-decoration:none;}

.span-rjnet a:hover{ text-decoration:none;}

.span-rjnet:hover{ background:url(imagemdownloads/velocimetro_rjnet.jpg);}

<a href="http://www.rjnet.com.br/1velocimetro.php" title="RJNET">

<span class="span-rjnet">

RJNET

</span>

</a>

Fica mais ou menos assim. Aí é só você arrumar os valores da propriedades para o que você deseja usar no site.

Abraço!

Ok campeão, vou fazer o teste.

Obrigado

Link para o comentário
Compartilhar em outros sites

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,4k
×
×
  • Criar Novo...