Ir para conteúdo

Arquivado

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

jonathanrn

background centralizado com imagens fatiadas

Recommended Posts


como assim?

essas 4 imagens tem q ficar uma embaixo da outra no centro da pagina, e tem q parecer ser uma só.

<!doctype html>
<html>
<head>
<title>teste</title>
</head>

<body>

<img src="https://lh4.googleusercontent.com/-UzYqjj6Ispg/VJBRD70cabI/AAAAAAAAAAw/2j96EVKPJsM/w600-h300-no/01.png" alt="background"  />



<img src="https://lh3.googleusercontent.com/-sc2NzCzPsuA/VJBT31UrOgI/AAAAAAAAABY/h076CMXU0YE/s600/02.png" alt="background"  />



<img src="https://lh3.googleusercontent.com/-4zXjrY8kZhA/VJBT2T6ZVOI/AAAAAAAAABM/Tm56lUBDbWc/s600/03.png" alt="background" />



<img src="https://lh3.googleusercontent.com/-GFBe38rk4l0/VJBT2ZDRClI/AAAAAAAAABQ/obLczQC8ClQ/s600/04.png" alt="background"  />

</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá jonathanrn!

 

Tenta esse código:

<div style="text-align: center">
 <div><img src="https://lh4.googleusercontent.com/-UzYqjj6Ispg/VJBRD70cabI/AAAAAAAAAAw/2j96EVKPJsM/w600-h300-no/01.png" alt="background"></div>
 <div><img src="https://lh3.googleusercontent.com/-sc2NzCzPsuA/VJBT31UrOgI/AAAAAAAAABY/h076CMXU0YE/s600/02.png" alt="background"></div>
 <div><img src="https://lh3.googleusercontent.com/-4zXjrY8kZhA/VJBT2T6ZVOI/AAAAAAAAABM/Tm56lUBDbWc/s600/03.png" alt="background"></div>
 <div><img src="https://lh3.googleusercontent.com/-GFBe38rk4l0/VJBT2ZDRClI/AAAAAAAAABQ/obLczQC8ClQ/s600/04.png" alt="background"></div>
</div>

Com as divs, as imagens só ocupam uma linha cada.

 

Para ficar no centro da página, basta adicionar a propriedade text-align: center.

 

Qualquer dúvida é só perguntar! :thumbsup:

 

Espero que resolvi seu problema.

 

Atenciosamente,

Pedro HSB :)

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.