Ir para conteúdo

Arquivado

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

Denis Vitonis

Semantica HTML5 logo no site

Recommended Posts

Galera estou com uma ´dúvida tremenda Como inserir o logo de sua pagina semanticamente em HTML5

 

FIZ DESSA FORMA : Porém o logo não Aparece.

 

 

<header id="header"> <--bloco Header com width 100% -->

 

<div class="container_header"> <-- aqui somente div para conter o logo -->

 

<h1>

<a class="logo" href="/" title="locadora.com.br">

</a>

</h1>

</div>

</header>

 

Css Da CLASSE LOGO

 

 

.logo {

height: 166px;

width: 322px;

margin-top: 5%;

background-image: url(../img/logolocadora.png);

background-repeat: no-repeat;

}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pra que tanto alarde? Eu ein. :huh:

 

Há vários jeitos de inserir a logo no site...

No seu caso acredito que fique mais fácil assim:

<a href="#"><img src="url da logo" /></a>

Pois por padrão a tag <a> é apenas um link, então ela não aceita definição de largura, altura, etc..

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pra que tanto alarde? Eu ein. :huh:

 

kkkkkkkkkkkkkkk

 

 

Já que vc quer por imagem por css, vc terá que adicionar uma propiedade para .logo

display: block;

já que <a> é um elemento em linha nao pode ter altura defina, mas como bloco sim, entao de display block nesse <a>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.