Imagens

[ADAE]

Bem sou iniciante em CSS, começei a estudá-lo ontem e tenho um problema.

Tenho 2 imagens, e queria na pag. meter assim:

Imagem1

Imagem2

Uma em baixo da outra, mas sem espaços.

Não tenho código feito, já tentei td o que encontrei e nada resultou, fica sempre a aparecer apenas uma imagem.

Se alguém puder ajudar agradeço.

[joaocasta]

Podes usar um break...

tipo:

<img src="linkimg1"></img><br/>
<img src="linkimg2"></img>

 

EDIT: assim como te mostrei as imagens ficam pegadas. Mas se quiseres que fiquem separadas podes usar isto:

<style type="text/css">
.img {
padding-top:10px;
}
</style>

<img src="http://www.wareztuga.tv/images/movies_thumbs/thumb2582.png"></img>
<div class="img">
<img src="http://www.wareztuga.tv/images/movies_thumbs/thumb2641.png"></img>
</div>

 

Podes ver mais sobre padding e outras coisas em: http://www.w3schools.com/css/

Estuda tudo por aí. Também comecei por aí! 😉

Espero que isto te ajude.

[ADAE]

EDIT: Problema resolvido obgd (fiz td em css e depois apenas chamei o div 2x. Bgd.

Edited August 14, 2012 at 07:09 PM by ADAE

[ADAE]

Dsclp mas surgiu novo problema, agr a 2ª imagem fica com um espaço em preto no fim da pág.

Como posso resolver isto?

EDIT:

Problema resolvido, n sei o motivo mas no height tive de meter 77% em vez de 100%, n entendo o motivo pois a imagem n tem aquele fundo preto.

Cumpz.

Edited August 14, 2012 at 07:21 PM by ADAE

[RootShell]

Podes ver mais sobre padding e outras coisas em: http://www.w3schools.com/css/

Estuda tudo por aí. Também comecei por aí! 😉

Espero que isto te ajude.

Acho que deviam ver o http://w3fools.com/ e deixar de recomendar esse site... Sinceramente!

[yoda]

Acho que deviam ver o http://w3fools.com/ e deixar de recomendar esse site... Sinceramente!

Esse site devia chamar-se w3haters.com

A motivação deles não é algo que um programador experiente não saiba ao deparar-se com o site, mas continua a ser um bom porto de partida para quem está a dar os primeiros passos, por conter bastante informação (ainda que básica e alguma desactualizada) no mesmo site.