1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

DIV com background e link

Discussão em 'Web Development' iniciada por Yokozuna, 11 de Março de 2009. (Respostas: 3; Visualizações: 18636)

  1. Yokozuna

    Yokozuna Power Member

    Boas pessoal,

    Tenho este CSS;
    Código:
    #logo
    {
        background-image: url('../imagens/Logo.png');
        height: 100px;
        margin: 0;
        padding: 0;
        width: 190px;
        border: 0;
    }
    E este HTML;

    Código:
    <div id="logo"> </div>
    Este DIV está noutro DIV ("header" com os div's de menus geral e topo) que por sua vez estão no "wrapper" geral.

    A minha dúvida é saber colocar um link nesse DIV do logo...

    Alguma ideia?
     
  2. omissirev

    omissirev Power Member

    Boas
    Se bem entendi tu queres algo deste genero

    Código:
    <div id="logo"> [COLOR=DarkRed]<a href="url"> Link here </a>[/COLOR] </div>
     
    Última edição: 11 de Março de 2009
  3. Totoro

    Totoro Folding Member

    Não, ele quer que a imagem "Logo.png" seja o link, certo?

    EDIT:

    Penso que esta seja a solução:

    CSS:
    Código:
    #logo{background-image: url('logo.png'); height: 100px; margin: 0; padding: 0; width: 190px; border: 0;}
    
    a{height: 100px; width: 190px; margin: 0; padding: 0; border: 0; display:block;}

    HTML:

    Código:
    <div id="logo"><a href="http://www.google.pt"></a></div>
     
    Última edição: 11 de Março de 2009
  4. Yokozuna

    Yokozuna Power Member

    Desculpem mas tinha pensado que tivesse já indicado a resposta aqui.

    Então foi mais simples que eu pensava...

    No CSS só acrescentei:

    Código:
    #logo
    {
        background-image: url('../imagens/Logo.png');
        height: 100px;
        margin: 0;
        padding: 0;
        width: 190px;
        border: 0;
    [B]    cursor: hand;[/B]
    
    }
    E no HTML:

    Código:
    <div id="logo" [B]onclick="window.location='default.htm'"[/B]></div>
    E no código todo ainda fui ao W3C validator e...

    Obrigado à mesma ppl :kfold:
     

Partilhar esta Página