Suporte » Temas » Dúvida div e "a"

Dúvida div e "a"

  • Resolvido idroidera

    (@idroidera)


    12 anos, 7 meses atrás

    Senhores, possuo o seguinte código.

    <div id="home"><a href="www.exemplo.com">HOME</a></div>

    #pagemenu #home a{ background-color:#F00;width:272px; height:90px; }#pagemenu #home a:hover{ background:url(images/nav_home.png) no-repeat;}

    Funciona Normal no chrome e no firefox, porém no ie não funciona a imagem não é trocada e nem consigo clicar no link.

    Se eu remover o elemento “a” e deixar só com a div funciona no ie a imagem sendo trocada só q dai não consigo acessar o link por estar usando div.

    aguem poderia me ajudar?

    Grato.

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • Criador do tópico idroidera

    (@idroidera)

    12 anos, 7 meses atrás

    Consegui da seguinte maneira :

    <div id="home" onclick="window.location = 'http://www.exemplo.com';">home</div>

    mas creio que eu não esteja fazendo a coisa certa.

    gustamociaro

    (@gustamociaro)

    12 anos, 7 meses atrás

    Coloque um display:block; no elemento a no seu CSS.

    Acho que isso resolve.

    Criador do tópico idroidera

    (@idroidera)

    12 anos, 7 meses atrás

    Preciso dizer que vc me salvou ? muitissimo obrigado.

    só não entendi a funcionabilidade do display:block

    gustamociaro

    (@gustamociaro)

    12 anos, 7 meses atrás

    O elemento a, por padrão, tem display:inline;

    Você precisa definir ele como block para ele “ocupar um espaço”, em vez de ocupar apenas uma linha.

    Bom, acho que é isso. =)

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • O tópico ‘Dúvida div e "a"’ está fechado para novas respostas.

Tags de tópico

Visualizações