Ir para conteúdo

POWERED BY:

Arquivado

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

ViiH~*

[Resolvido] Organizar imagens em uma div

Por , em Desenvolvimento frontend

Recommended Posts

ViiH~*    0

ViiH~*
Postado

Bem eu estou tentando criar um tema para um Tumblr aqui e estou tendo dificuldades para encaixar as imagens dos posts... Link para visualização:http://framesofpast.tumblr.com/

eu queria saber como faço para que as imagens fiquem mais proximas, queria que a fileira 2 ficasse mais pertinho das imagens da fileira 1 apenas com uma margin de uns 10 ou 5px cada

 

tipo um encaixe das imagens. alguem pode ajudar?

 

Codigo:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{Title}</title>
<style type="text/css">
body{ background-color:#EEEEEE;}
#geral{width:900px; height:auto; background-color:#EEEEEE; margin:auto;}
#menu{ width:900px; height:70px; background-color:#666666; margin:auto;}
#creditos{ width:900px; height:10px; background:#006633;}
#photo{ margin:auto;text-align: center;}
#photo img{background-color:#000; padding:5px;float:left; margin-right:10px;}
#caption{background:#009966;text-align:center; width:540px; margin:auto; margin-top:-10px;}
</style>
</head>

<body>

<div id="geral">
<div id="menu"></div>
<div id="creditos"></div>

<div id="conteudo">
{block:Posts}
{block:Photo}
                   <div id="photo">
                       <a href="{Permalink}"><img src="{PhotoURL-250}" alt="{PhotoAlt}"/></a>

                       {block:Caption}
                           <div id="caption">{Caption}</div>
                       {/block:Caption}
                   </div>
               {/block:Photo}

               {/block:Posts}
</div>











</div>


</body>
</html>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diéssica    140

Diéssica
Postado

Qual fileira 2?

 

Quer que as imagens postadas fiquei mais próximas verticalmente? O espaço entre elas?

Compartilhar este post

Link para o post
Compartilhar em outros sites

ViiH~*    0

ViiH~*
Postado

Bem, eu vi outros layouts parecidos e vi que não seria possivel fazer o que eu estava querendo =/

não da pra fazer outra coluna de postagem então mudei o layout todo...

mas obrigado de toda forma .-.

pode por como resolvido e desculpe qualquer incomodo =/

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito