"juntar" duas divs...

[cassiano óliver 1]

Bom pessoal, iniciei meus estudos a pouco tempo sobre tableless e to montando uma layoutzinho de teste só pra estudos msm...

me basiei em tutoriais e artigos q encontrei pela net...

 

criei uma div e dentro dela inseri uma imagem. Dentro dessa div inseri outra (não sei se é correto) pra poder exibir uma descrição da imagem.

 

no HTML

<h1>Título</h1>	<div id="img01"><img src="img01.jpg" width="150" height="112" border="0" alt="Imagem">		<div id="descImg01">		Wallpaper Windows Vista!		</div>	</div>		<p>				Aqui vem meu texto....		</p>

CSS...

#img01 {	background-color: #FFFFFF;	margin-right: 5px;	float: left;}#descImg01 {	font-size: 90%;	background-color: #F5F5F5;	padding-top: 3px;	padding-bottom: 3px;	padding-left: 5px;}

O que ta acontecendo é o seguinte:

a div "desc" não está "colada" na div "img01", fica uns "3px" de espaço entre a duas mesmo quando eu coloco os atributos margin e padding 0...

 

 

ond estou errando?

[Paulo de Tarso F. M. 24]

Tente isso...

 

No CSS:

#img01 {	background-color: #fff;	margin-right: 5px;	float: left;}#descImg01 {	font-size: 90%;	background-color: #F5F5F5;	padding-top: 3px;	padding-bottom: 3px;	padding-left: 5px;}#minha_imagem {	margin: 0;	padding: 0;	border: 0;	width: 150px;	height: 112px;}

No HTML:

<h1>Título</h1>	<div id="img01"><img src="img01.jpg" alt="Imagem" id="minha_imagem" />		<div id="descImg01">			<p>Wallpaper Windows Vista!</p>		</div>	</div>		<p>				Aqui vem meu texto....		</p>

Observações: Veja que joguei tudo no CSS a formatação da imagem: width, height e border. Além disso, acrescentei uma barra ( / ) ao final da tag <img>, e tb coloquei o texto "Wallpaper Windows Vista!" dentro de um <p>...

 

Teste a e! Abraço!

[cassiano óliver 1]

100%...era isso msm!só modifiquei umas coisinhas pras minhas necessidades...vlw paulo..um abraço!