Ir para conteúdo

POWERED BY:

Arquivado

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

logan_pa

e Agradecimentos

Por , em Desenvolvimento frontend

Recommended Posts

logan_pa    0

logan_pa
Postado

Eai galera!!

 

Estou començando a desenvolver layouts usando formatação css mais vejo que ainda falta chão. Força de vontade é o que não falta para o aprendizado, portando aqui estou novamente para tirar mais algumas dúvidas.

 

Antes de postar a dúvida gostaria de deixar um nota de agradecimento aos amigos que entendem de css e tem me ajudado na hora do “sufoco”.

 

Obrigado Cosme, Bruno Dulcetti , Marcus VBP, Frango, Mark Costa, Vinicius e é claro, aos irmãos aqui do fórum.

Valeu a paciência, força e desculpe pelos incomodos.

 

 

Agora vamos as dúvidas.

 

- Gostaria primeiro de uma avaliação (ver se este é o caminho certo de montar o código)

- Como faço para colocar uma DIV dentro de outra DIV? E o que é DIV aninhadas

 

Por exemplo. Em:

 

#imgdestaque{

position:absolute;

left:25px;

top:180px;

border: 4px solid #999999;

 

Estou usando este código para posicionar uma imagem, teria uma maneira de posiciona-lá dentro de um BOX? Seria isso uma DIV aninhada??

 

- E por fim, como faço para consertar o erro de posicionamento no IE? Testei no mozilla, Netscap e Opera e estão OK.

 

 

Vejam o Código e a página online das duvidas acima.

 

Página

 

<style type="text/css">body {  margin:0px;	}	#topo1 {  width:100%;  height:35px;  background:#fff url(images/bg.jpg) repeat-x left top;  margin-bottom:1px;	}	#topo1 h1 {  display:block;  width:86px;  height:35px;  float:left;  margin:0px 0px 0px 10px;  }	#topo1 h1 a {  display:block;  width:86px;  height:35px;  background:#fff url(images/logotipo-reduzido.jpg) no-repeat center top;	}	#topo1 h1 a span {display:none;}		#topo1 h3{  display:block;  width:69px;  height:35px;  float:left;  margin:0px 0px 0px 34%;  background:#fff url no-repeat center top;	}	#topo1 h3 span {display:none;}			}		#end_topo {  height:53px;  width:243px;  float:right;  background:#fff url(images/bg_topo2_final.jpg) repeat-x left center;		}		#imgdestaque{	position:absolute;	left:25px;	top:180px;	border: 4px solid #999999;			}		#imgbotaoum{	position:absolute;	left:407px;	top:320px;		}  	.h2 {	position:absolute;	left:25px;	top:120px;	width:731px;		}	.tituloprincipal {		font-family: "Trebuchet MS";	font-weight: bold;		}		.h5 {	position:absolute;	left:407px;	top:180px;	width:326px;	font-weight: normal;			}		.textoprincipal {		font-family: "Trebuchet MS";		}</style></head><body><div id="topo1"><h1><a href="../index.html"><span>logo do site</span></a></h1></div><div id="destaque"> </div><h2 class="tituloprincipal h2">Lorem ipsum dolor sit amet, consectetuer adipiscinghjhjhjhjhjh</h2><div id="box_dest"> </div><img src="images/teste01.jpg" width="345" height="182" alt="Destaque" id="imgdestaque" /><h5 class="h5 textoprincipal">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do  eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad  minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip  ex ea commodo consequat</h5><a href="#"><img src="images/botao_leia_mais.gif" alt="Leia Mais" width="210" height="20" border="0" id="imgbotaoum" /></a></body></html>

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