Centralizar o Logo

[rafaelcrvs 3]

Olá,

 

Estou com uma certa dificuldade de centralizar o logo do meu site, não consigo de jeito nenhum, pois quando tento centralizar ele, todo o conteúdo da página principal se movimenta.

 

Site: http://saladeestudos.net/teste/

 

Se puderem ajudar, agradeço demais

 

Obrigado amigos

[Freelife 2]

Olá,

 

Estou com uma certa dificuldade de centralizar o logo do meu site, não consigo de jeito nenhum, pois quando tento centralizar ele, todo o conteúdo da página principal se movimenta.

 

Site: http://saladeestudos.net/teste/

 

Se puderem ajudar, agradeço demais

 

Obrigado amigos

 

Algumas coisas que ví... e adicionei o que está em bold

 

#logo {

background: url(http://saladeestudos.net/teste/wp-content/uploads/2012/11/autocarro-logo.png) no-repeat;

background-position: center center;

width: 364px;

}

 

//Tirei esse float:left

#logo {

float: left;

margin: 48px 0px;

background: transparent url(images/logo.png) no-repeat;

}

 

Com essas modificações consegui ver a logo completa e a linhada(Chrome).

A única coisa é que esses 2 estilos da logo parecem estar em lugares diferentes... tem que dar uma olhada nisso aí...

 

Abç

[rafaelcrvs 3]

Olá amigo,

 

Nas propriedades de css do logo tem apenas isto:

 

#logo a {

display: block;

height: 80px;

width: 224px;

 

Não entendi muito bem o que você falou.

 

Como você conseguiu deixar centralizado o logo?

[Freelife 2]

Olá amigo,

 

Nas propriedades de css do logo tem apenas isto:

 

#logo a {

display: block;

height: 80px;

width: 224px;

 

Não entendi muito bem o que você falou.

 

Como você conseguiu deixar centralizado o logo?

 

Então, eu olhei pelo chrome.

 

Usei a ferramente para inspecionar o elemento(Botão direito sobre a imagem, inspecionar elemento.

Se você clicar no div id="logo" vai ver o css do div, mas vai ver que aparecem 2 css.

 

Esse css que você passou só está sendo aplicado ao link 'a', mas o que está controlando o posicionamento da logo é a posição em relação ao background do div.

 

#logo {

background: url(http://saladeestudos.net/teste/wp-content/uploads/2012/11/autocarro-logo.png) no-repeat;

background-position: center center;

width: 364px;

}

 

Tenta usar o chrome pra testar ou o firefox com firebug instalado que vai ficar fácil para ver isso.

 

Se não der certo, estamos aí.

 

Abç

[Dian Carlos 29]

você quer fazer o que? tipo isso > http://arcoinformatica.com.br/dian/garotadomes/

[rafaelcrvs 3]

Oi freelife, agoralhe entendi, porem coloquei as mesmas propriedades que voce, mas eu consegui ver somente o logo inteiro, mas ele nem mexeu de posicao.

 

Gostaria de colocar ele um pouco mais pra cima e um pouco pra esquerda, dai sim ele iria ficar centralizado.

 

Obrigado pela tua paciencia.

[Freelife 2]

Oi freelife, agoralhe entendi, porem coloquei as mesmas propriedades que voce, mas eu consegui ver somente o logo inteiro, mas ele nem mexeu de posicao.

 

Gostaria de colocar ele um pouco mais pra cima e um pouco pra esquerda, dai sim ele iria ficar centralizado.

 

Obrigado pela tua paciencia.

 

 

Então, eu dei uma olhada no css e todos esse estilo abaixo influenciam.

 

#logo { float: left; margin: 48px 0px; background: transparent url(images/logo.png) no-repeat; }

#logo a { display: block; width: 224px; height: 80px; }

#logo h1 { margin: 0px; text-indent: -9999px; }

#logo img { border: 0px; }

 

Bom, com as edições que que fiz aqui ficou assim:

 

É isso que você quer?

Ainda tem uma margin que tá fazendo diferença.

No div id="grid_4" tem margin-left: 10px e margin-right: 10px, isso está fazendo com que fique um pouco fora de alinhamento do canto esquerdo.

 

Fora isso tem algumas coisas que não sei se foi de propósito ou não, mas precisam ser revisadas.

 

Se não for isso que você quer, seria bom você fazer um print e editar +/- o que você quer pra ver se conseguimos ajudar mais.

 

Abç

 

edt: trocar imagem.

[Bru_ce 53]

tente assim,

 

#logo {
width:suaLargura;
height:suaAltura;
margin:0 auto;
}

[MaikeES 18]

Oi freelife, agoralhe entendi, porem coloquei as mesmas propriedades que voce, mas eu consegui ver somente o logo inteiro, mas ele nem mexeu de posicao.

 

Gostaria de colocar ele um pouco mais pra cima e um pouco pra esquerda, dai sim ele iria ficar centralizado.

 

Obrigado pela tua paciencia.

 

Se você deseja subir a logo na div em que está ela você adciona as propriedades:

 

<div style='margin-top:-10px'>

 

Coloca a quantidade que deseja que sua div suba, mas com valor negativo.