Ir para conteúdo

Arquivado

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

Pedro Turco

Posicionamento de divs

Por , em Desenvolvimento frontend

Recommended Posts

Pedro Turco    0

Pedro Turco
Postado

http://www.divshare.com/download/337738-72b

 

é o seguinte gente, deêm uma olhada nessa imagem, eu gostaria de saber como posicionar os itens que estão em um quadrado vermelho, eu consigui posicionar as imagens brancas ( que seriam botões )...

 

aseguir meu codio:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> Portifolio.Online Pedro Turco </TITLE><style type="text/css">body {background:#000000;		  margin: 10px;		  font-size: 0.7em;		  font-family: verdana;		  color: #808080;		  text-align:center;}#geral {width: 900px;			margin-left: auto;			margin-left: auto;			text-align: left;}#top {position: relative;          float: left;          width: 900px;		  height: 30px;		  background: url(img/bg_top.jpg) no-repeat center middle fixed;		  border: solid 1px #FFFFFF;		  text-align: left;		  padding: 7px;}.icon {float: right;}#trabalhos {position: relative;                  float: left;				  width: 900;				  height: 195;				  background: url(img/bg_trabalhos.jpg) no-repeat center middle fixed;				  margin-top: 50px;				  padding-top: 20px;				  text-align:center;}#trabalhos a img {display: inline;						   margin:20px 20px 0px 20px;}</style></HEAD><BODY> <div id="geral">  <div id="top">   <img class="icon" src="img/ilu_top.gif" alt="Be Happy =)" />  </div>    <div id="menu">    <a href="#">Gráfico</a>	<a href="#">Web</a>	<a href="#">Multimidia</a>   </div>  <div id="trabalhos">   <a href="#"><img src="img/thumb1.gif" alt="Trabalhos" border="0"></a>   <a href="#"><img src="img/thumb1.gif" alt="Trabalhos" border="0"></a>   <a href="#"><img src="img/thumb1.gif" alt="Trabalhos" border="0"></a>   <a href="#"><img src="img/thumb1.gif" alt="Trabalhos" border="0"></a>   <a href="#"><img src="img/thumb1.gif" alt="Trabalhos" border="0"></a>   <a href="#"><img src="img/thumb1.gif" alt="Trabalhos" border="0"></a>   <a href="#"><img src="img/thumb1.gif" alt="Trabalhos" border="0"></a>   <a href="#"><img src="img/thumb1.gif" alt="Trabalhos" border="0"></a>   <a href="#"><img src="img/thumb1.gif" alt="Trabalhos" border="0"></a>   <a href="#"><img src="img/thumb1.gif" alt="Trabalhos" border="0"></a>   <a href="#"><img src="img/thumb1.gif" alt="Trabalhos" border="0"></a>   <a href="#"><img src="img/thumb1.gif" alt="Trabalhos" border="0"></a>  </div>  <div id="contato"></div>  <div id="curriculo"></div> <div></BODY></HTML>

alguem tem alguma sujestão de como fazer aquele menu roxo no quadrado vermelho? e o titulo da seção?

 

obrigado pela ajuda! abraço a todos!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Seria mais interessante se você disponibilizasse as imagens utilizadas (bg_top.jpg, bg_trabalhos.jpg, ilu_top.gif e thumb1.gif)... Sem elas, fica difícil (pelo menos para mim, não consigo "imaginar" sua página, msm olhando para a imagem disponibilizada...)

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

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