none
Adicionar hyperlink a imagem via CSS RRS feed

  • Pergunta

  • Pessoal estou trazendo uma imagem para o site via css e preciso que esta iamgem seja um link também é possivel via css? Esta imagem estou usando como background de uma div!

    .Reserves
    {
    	float: left;
    	width: 218px;
    	height: 358px;
    	padding: 0 10px 0 2px;
    	background-color: #BEBEBE;
    	background: url( /images/Reserves.png) no-repeat bottom;
    }

    O preciso é que a imagem que estou usando de background tenha um hyperlink.

    Moizés Cerqueira | MCP
    Site: www.moizes.cerqueira.nom.br
    Twitter: @moicer

    quinta-feira, 1 de março de 2012 19:08

Respostas

  • OK, entendi. Resolvi de outra forma passei um hyperlink dentro da div e no hyperlink chamei a imagem.

       <div id="Reserves" runat="server" class="Reserves">
             <div id="ReservesLink" runat="server" class="ReservesLink">
             <asp:HyperLink ID="linkReserves" NavigateUrl="http://www.catresaopaulo.com.br/portal/publicity/?tipo=CatreUserAuthentication&mid=1,3" ImageUrl="/images/Reserves.png" runat="server"
                        ToolTip="Faça sua Reserva" CssClass="ReservesHyperlink"></asp:HyperLink>
                        </div>
             </div

    .Reserves
    {
    	float: left;
    	width: 218px;
    	height: 358px;
    	padding: 0 10px 5px 2px;
    }
    .ReservesLink
    {
    	margin-left: 5px;
    	padding: 10px 10px 5px 2px;
    	
    }

    att.

    Moizés Cerqueira | MCP
    Site: www.moizes.cerqueira.nom.br
    Twitter: @moicer

    quinta-feira, 1 de março de 2012 19:55

Todas as Respostas

  • Acredito que não viu, pelo menos não via CSS.

    Você pode fazer um javascript.


    http://samuelcazelli.blogspot.com/

    quinta-feira, 1 de março de 2012 19:22
  • Boa tarde!!

       O link precisa ser feito em html ou então em tempo de execução no client por javascript ou jQuery.

     Pergunta: Todas as imagens que tiverem com a class css 'Reserves' vão para o mesmo link?

    Thiago Rogerio
    www.thiagorogerio.com.br
    thiagorogeriobr@hotmail.com

    quinta-feira, 1 de março de 2012 19:25
  • OK, entendi. Resolvi de outra forma passei um hyperlink dentro da div e no hyperlink chamei a imagem.

       <div id="Reserves" runat="server" class="Reserves">
             <div id="ReservesLink" runat="server" class="ReservesLink">
             <asp:HyperLink ID="linkReserves" NavigateUrl="http://www.catresaopaulo.com.br/portal/publicity/?tipo=CatreUserAuthentication&mid=1,3" ImageUrl="/images/Reserves.png" runat="server"
                        ToolTip="Faça sua Reserva" CssClass="ReservesHyperlink"></asp:HyperLink>
                        </div>
             </div

    .Reserves
    {
    	float: left;
    	width: 218px;
    	height: 358px;
    	padding: 0 10px 5px 2px;
    }
    .ReservesLink
    {
    	margin-left: 5px;
    	padding: 10px 10px 5px 2px;
    	
    }

    att.

    Moizés Cerqueira | MCP
    Site: www.moizes.cerqueira.nom.br
    Twitter: @moicer

    quinta-feira, 1 de março de 2012 19:55