← Desenvolvimento

Banner 468x60 não fica centralizado

Lida 3064 vezes

Offline

Mister_Magoo 
Membro
Mensagens 594 Gostos 38
Troféus totais: 29
Trófeus: (Ver todos)
Nineth year Anniversary Eighth year Anniversary Quick Poster Signature Level 5 Search Windows User Super Combination Combination Topic Starter

Uso wordpress meu dominio http://harmonianatureza.com.br/ e adicionei no topo ao lado do Nome Harmonia Natureza uma banner 468x60 da hostgator e não centraliza no local correto.

Esse banner fica abaixo do nome Harmonia Natureza.

Testei com outros banners de outros programas de afiliados e aconteceu a mesma coisa.

Pelo visto é um erro no código do site.
Como resolver isso?
Offline

Ricardooo 
Membro
Mensagens 121 Gostos 0
Feedback +7

Troféus totais: 23
Trófeus: (Ver todos)
Linux User Mobile User Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1

Apenas para centrar Penso que bastará por: " <center>AKIaIMAGEM</center>

Mas pelo menos para mim o banner está atrás do menu ( Inicio \ ALOE VERA... )

Para resolver isso talvez tenhas de aumentar o espaço onde o banner está digo eu que seria o header, só visto.

Espero ter ajudado,

Offline

Mister_Magoo 
Membro
Mensagens 594 Gostos 38
Troféus totais: 29
Trófeus: (Ver todos)
Nineth year Anniversary Eighth year Anniversary Quick Poster Signature Level 5 Search Windows User Super Combination Combination Topic Starter

Bom dia.

Obrigado pela sua opinião mas a solução não é centralizar com o comando <center></center> eu ja fiz isso e não deu certo.

Por isso eu acho que é um erro no código fonte mas não sei onde acertar.
Offline

betanalista 
Membro
Mensagens 2564 Gostos 0
Feedback +18

Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Código: [Seleccione]
<p style="text-align:center;margin:0 auto;"><a href="http://blabla.com"><img src="http://blabla.com" alt="blabla"/></a></p>
Offline

oscarino 
Membro
Mensagens 618 Gostos 0
Feedback +4

Troféus totais: 22
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 500 Posts 100 Posts

Não te esqueças que a propriedade "margin: 0 auto" só funciona se a propriedade css "width" também estiver presente.

No teu exemplo não vai ficar centralizado porque não existe medida.
Offline

betanalista 
Membro
Mensagens 2564 Gostos 0
Feedback +18

Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Não te esqueças que a propriedade "margin: 0 auto" só funciona se a propriedade css "width" também estiver presente.

No teu exemplo não vai ficar centralizado porque não existe medida.

<p style="text-align:center;margin:0 auto;width:largura-banner;"><a href="http://blabla.com"><img src="http://blabla.com" alt="blabla"/></a></p>
Offline

Mister_Magoo 
Membro
Mensagens 594 Gostos 38
Troféus totais: 29
Trófeus: (Ver todos)
Nineth year Anniversary Eighth year Anniversary Quick Poster Signature Level 5 Search Windows User Super Combination Combination Topic Starter

Senhores obrigado pela dica porém onde eu vejo ou coloco isso?
Offline

aieee 
Membro
Mensagens 173 Gostos 0
Troféus totais: 21
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

float:right;
Offline

betanalista 
Membro
Mensagens 2564 Gostos 0
Feedback +18

Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

float:right;

sabes o que isso faz ao menos? não me parece...


Senhores obrigado pela dica porém onde eu vejo ou coloco isso?

acho que não deves estar muito por dentro do assunto, parece-me que o mais fácil é pedires a alguém que tu faça..

agora não posso mas se quiseres mais logo posso-te tratar disso, envia pm..
Offline

Mister_Magoo 
Membro
Mensagens 594 Gostos 38
Troféus totais: 29
Trófeus: (Ver todos)
Nineth year Anniversary Eighth year Anniversary Quick Poster Signature Level 5 Search Windows User Super Combination Combination Topic Starter

Realmente não faço idéia de onde fica isso?

Agradeço se poder orientar qual o caminho.
Offline

oscarino 
Membro
Mensagens 618 Gostos 0
Feedback +4

Troféus totais: 22
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 500 Posts 100 Posts

float:right;

sabes o que isso faz ao menos? não me parece...

Realmente não deve saber...  #-o
Offline

Mister_Magoo 
Membro
Mensagens 594 Gostos 38
Troféus totais: 29
Trófeus: (Ver todos)
Nineth year Anniversary Eighth year Anniversary Quick Poster Signature Level 5 Search Windows User Super Combination Combination Topic Starter

Realmente não sei.
Offline

oscarino 
Membro
Mensagens 618 Gostos 0
Feedback +4

Troféus totais: 22
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 500 Posts 100 Posts

Mister não me referi a si mas à intervenção do aieee.
Offline

NovaPagina 
Membro
Mensagens 57 Gostos 0
Feedback +2

Troféus totais: 20
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 4 Level 3 Level 2 Level 1 50 Posts 10 Posts First Post

Bom então é o seguinte, em style.css onde tiveres #header alteras o tamanho para 200px ( ou mais como preferires ) isso resolve o problema de ficar atrás do texto.

Quanto a alinhares ao centro, vais a screens.css e onde tiveres:
.column, div.span-1, div.span-2, .... ( perto da linha 96 isso agora depende do editor ) removes div.span-12.

Depois vais ao código e onde estás a escrever style="padding-top: 5px; text-align:right;" alteras para text-align:center;

Atenção: faz um backup dos ficheiros antes pois estas dicas podem ter impacto noutras áreas do site, caso tal aconteça em vez de removeres vais ter de alterar o nome da div para outra coisa e dar outras propriedades no código.
Offline

oscarino 
Membro
Mensagens 618 Gostos 0
Feedback +4

Troféus totais: 22
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 500 Posts 100 Posts

Não é necessário editar tantos ficheiros.