..:: MX Studio Fóruns ::..: Ajuda com layout em Tableless - ..:: MX Studio Fóruns ::..

Jump to content

Publicidade




Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Ajuda com layout em Tableless Uma força ae da galera

#1 User is offline   Dentinho666 

  • Group: Membros
  • Posts: 53
  • Joined: 24-April 06

Posted 03 October 2006 - 03:45 PM

Oi pessoal, estou em vias de finalizar um projetinho aqui e quis aplicar meus poucos conhecimentos em tableless para fazer algo mais bacana.
Bom, usei muita informação que retirei no site do majour mas ainda não tá legal.
Minha idéia é subir a DIV Principal para ficar ao lado da DIV Topo, ocupando totalmente a parte direita da tela, desde o topo até o rodapé.
Outra coisa, queria colocar uma borda em torno de toda a página, demarcando o que é a página e o que é somente fundo.
Ha...tbm queria uam dica de como colocar uma imagem de fundo de página usando tabeless.
Sei que são coisas até fáceis de fazer, mas estou realmente enrrolado com esse flash aí..se puderem me dar essa mão vou ficar agradeçido.

Segue meu css
QUOTE
<style type="text/css">
  body{
margin:10px 15px;
font: 12px MS Sans Serif;
background:#eaeaea;
text-align:center;
}
#tudo {
width:770px;
background: url(../faux-bg.gif) repeat-y 0 0;
text-align:left;
margin:0 auto;
}
#topo {
height:199px;
background-color:#ffffff;
width: 300px;
}

#principal {
width:455px;
background-color:#eeeeee;
float:right;
}
#navegacao {
width:180px;
background-color:#1b5199;
float:left;
}
#principal * {
padding: 0 20px;

}
#navegacao * {
padding: 0 8px;
}
#rodape {
clear:both;
height:20px;
background-color:#000000;
}
.style1 {color: #FFFFFF}
  .style3 {color: #FFFFFF; font-size: 11px; }
  </style>


Obrigado

Para quem quiser visualizar o projeto: http://www.m4webdesign.kit.net/tableless.html


0

#2 User is offline   bpedrozo 

  • Group: Desafio Fireworks
  • Posts: 596
  • Joined: 25-June 05

  Posted 03 October 2006 - 09:46 PM

Imagem de fundo

QUOTE
body{
background: url(pastadaimage/imagem.jpg) #000 no-repeat top left;
}


#000: caso queira usar uma cor de fundo pra continuar uma imagem que não repita
não é necessário preencher

no-repeat: se vc quiser que a imagem se repita
ela pode repetir apenas na horizontal com repeat-x ou na vertical com repeat-y
ou pode simplesmente repetir para todos os lados em "repeat"

top: posição vertical que você quer que a imagem apareça
pode ser bottom (a baixo) ou top (acima)

left: posição horizontal da imagem
pode ser left (esquerda), center (direita) ou right (direita)

-isso serve para imagens no fundo de qualquer elemento-

Pra colocar a div
QUOTE
#nomedadiv{
left: 300px;
height: 100%;
whidt: 100%;
}

acho que isso deve resolver... o 300px é a posição em pixels horizontal a partir do topo da página
caso precise, coloque um "top: 50 px;" com um valor pra distancia do topo da página

pra colocar uma borda na página coloque uma div com um nome qualquer e deixe todo o conteúdo dentro

#nomedadiv{
padding: 10px; - número em px da margem da página
border-style: solid; - borda solida - para tracejado use dashed e pontilhado dotted (dashed e dotted não funcionam no Internet Explorer)
border-size: 1px; - grossura da borda
border-color: #000000; - código hexadecial da cor da borda
}

É isso
desculpas se errei alguma coisa, fiz tudo de cabeça
wink.gif
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic



Publicidade




1 User(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)