Centralizar img

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Centralizar img

Mensagem por Feliphe_Mort 25.07.13 19:24

Qual é minha questão:
#banner {
       
          width:700px;
       
          height:200px;
       
          background-image:url(https://i.imgur.com/RZnLK.png);
       
          background-repeat:no-repeat;
       
        }

Como posso centralizar esta imagem??

Endereço do meu fórum:
http://truckermania.forumeiros.com

Versão do fórum:
PHPBB3
Feliphe_Mort

Feliphe_Mort
*

Membro desde : 21/01/2013
Mensagens : 37
Pontos : 69

http://automaiscaminhoneiro.sampforum.net/portal

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Centralizar img

Mensagem por Sennior 25.07.13 19:26

Boa tarde cordial membro! Muito feliz

Qual à imagem por gentileza? Vejo que o senhor mandou o seletor da imagem, mas não o link de onde deseja centralizar...

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar img

Mensagem por MateusA 25.07.13 19:29

Olá!

Troque por:
Código:
#banner {
     
          width:700px;
     
          height:200px;
     
          background-image:url(http://i.imgur.com/RZnLK.png) center;
     
          background-repeat:no-repeat;
     
        }

Até mais.
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar img

Mensagem por Feliphe_Mort 25.07.13 19:36

Lervisic está e a imagem, o link dela está no code.

Crazy a imagem sumiu depois de trocado por este code seu.
Feliphe_Mort

Feliphe_Mort
*

Membro desde : 21/01/2013
Mensagens : 37
Pontos : 69

http://automaiscaminhoneiro.sampforum.net/portal

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar img

Mensagem por MateusA 25.07.13 19:38

Olá!

Troque por esse:
Código:
        #banner {
                  width:700px;
                  height:200px;
                  background-image:url(http://i.imgur.com/RZnLK.png)  no-repeat;
                  background-position: center;
                }

Até mais.
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Centralizar img

Mensagem por Sennior 25.07.13 19:40

Olá membro!

Aceda à teu painel administrativo:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Código:
#banner {
position: relative !important;
left: 46px !important;
width:700px;
height:200px;
background-image:url(http://i.imgur.com/RZnLK.png) center;
background-repeat:no-repeat;
}

<li> Valide e veja o resultado. Piscada

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar img

Mensagem por Feliphe_Mort 25.07.13 19:43


#@Edit consegui, obrigado a todos.


Última edição por Feliphe_Mort em 25.07.13 19:45, editado 1 vez(es)
Feliphe_Mort

Feliphe_Mort
*

Membro desde : 21/01/2013
Mensagens : 37
Pontos : 69

http://automaiscaminhoneiro.sampforum.net/portal

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Centralizar img

Mensagem por Sennior 25.07.13 19:44

Olá amigo,

Tente apenas este colocando-o no inicio de teu CSS:

Código:
#banner {
position: relative !important;
left: 46px !important;
}

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos