Quero que o layout fique deste jeito:
deste_jeito.htm 963bytes
24 downloadsNão estou conseguindo alguem sabe um tuto? o que estou fazendo esta assim:
index.html 1.53KB
18 downloadsMuito Obrigado.
Layout
Started By lhps, 10/01/2008, 20:15
4 replies to this topic
#1
lhps
-
- Usuários
-
- 70 posts
Normal
- Sexo:Masculino
- Localidade:Aracaju,SE
- Interesses:CSS,PHP,SEO
Posted 10/01/2008, 20:15
Estou com uma dificuldade.
Quero que o layout fique deste jeito:
deste_jeito.htm 963bytes
24 downloads
Não estou conseguindo alguem sabe um tuto? o que estou fazendo esta assim:
index.html 1.53KB
18 downloads
Muito Obrigado.
Quero que o layout fique deste jeito:
deste_jeito.htm 963bytes
24 downloadsNão estou conseguindo alguem sabe um tuto? o que estou fazendo esta assim:
index.html 1.53KB
18 downloadsMuito Obrigado.
Lucas S.
Oscommerce,Css,Php,Seo
Oscommerce,Css,Php,Seo
#2
Kadu DG
-
- Usuários
-
- 597 posts
I Love my Little Girl! http://www.kdsg.net
- Sexo:Masculino
- Localidade:Carapicuiba, SP
Posted 10/01/2008, 22:43
vc poderia postar o seu código?
#3
lhps
-
- Usuários
-
- 70 posts
Normal
- Sexo:Masculino
- Localidade:Aracaju,SE
- Interesses:CSS,PHP,SEO
Posted 11/01/2008, 11:03
ja está em anexo 
index.html
[codebox]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR...ml4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>site em Css</title>
</head>
<style>
body {
background-color: #999999;
padding: 0px;
margin:0 auto;
position:relative;
font-family:Arial, Helvetica, sans-serif; }
#topo {
width:769px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
background-color:#FFFFFF;
position: relative;
padding-top:80px;
min-height: 101%;
overflow: visible;
}
#navbar
{
color: white;
font-size: 11px;
line-height: 16px;
background-color: #FF0000;
text-align: left;
letter-spacing: 0px;
height: 20px;
width:769px;
font-family:Arial, Helvetica, sans-serif;
}
#central {
width:769px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
background-color:#FFFFFF;
overflow: visible;
padding: padding-top;
}
.coluna_esquerda
{
text-align: left;
width: 300px;
float: left
}
.coluna_central
{
text-align: left;
width: 200px;
float: center;
}
.coluna_direita {
font-size: 10px;
line-height: 20px;
padding-left: 3%;
width: 100px;
float: right;
padding: 0 0 0 20px;
}
</style>
<body>
<div id="topo">topo</div>
<div id="navbar">
<p>navegeue</p>
</div>
<div id="central">
<p>Pagina Abaixo</p>
<div class="coluna_esquerda">LAteral 1</div>
</p><div class="coluna_central">Lateral 2</div>
<div class="coluna_direita">Lateral 3</div>
</div>
</body>
</html>[/codebox]
index.html
[codebox]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR...ml4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>site em Css</title>
</head>
<style>
body {
background-color: #999999;
padding: 0px;
margin:0 auto;
position:relative;
font-family:Arial, Helvetica, sans-serif; }
#topo {
width:769px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
background-color:#FFFFFF;
position: relative;
padding-top:80px;
min-height: 101%;
overflow: visible;
}
#navbar
{
color: white;
font-size: 11px;
line-height: 16px;
background-color: #FF0000;
text-align: left;
letter-spacing: 0px;
height: 20px;
width:769px;
font-family:Arial, Helvetica, sans-serif;
}
#central {
width:769px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
background-color:#FFFFFF;
overflow: visible;
padding: padding-top;
}
.coluna_esquerda
{
text-align: left;
width: 300px;
float: left
}
.coluna_central
{
text-align: left;
width: 200px;
float: center;
}
.coluna_direita {
font-size: 10px;
line-height: 20px;
padding-left: 3%;
width: 100px;
float: right;
padding: 0 0 0 20px;
}
</style>
<body>
<div id="topo">topo</div>
<div id="navbar">
<p>navegeue</p>
</div>
<div id="central">
<p>Pagina Abaixo</p>
<div class="coluna_esquerda">LAteral 1</div>
</p><div class="coluna_central">Lateral 2</div>
<div class="coluna_direita">Lateral 3</div>
</div>
</body>
</html>[/codebox]
Lucas S.
Oscommerce,Css,Php,Seo
Oscommerce,Css,Php,Seo
#4
Martin Dill
-
- Usuários
-
- 16 posts
Novato no fórum
- Sexo:Não informado
Posted 13/01/2008, 00:09
cara as divs de baixo é só vc dar margin-left
#5
§ Kenshin §
-
- Usuários
-
- 574 posts
I'm coming back...!
- Sexo:Masculino
- Localidade:BA
-
Interesses:Sou fã de linguagens direcionadas para a web, como php, (x)html, xml, wml.
Também gosto de webdesign e ultimamente tenho me dedicado mais a aprender css, mysql, javascript, ajax e actionscript.
Trabalho com os programas Dreamweaver, Illustrator e Flash.
Posted 24/01/2008, 23:54
e um display: table; no body pra centralizar no navegador:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title>site em Css</title></head><style>body { display: table; background-color: #999999; padding: 0px; margin: auto; font-family: Arial, Helvetica, sans-serif; text-align: center; }#topo { width: 769px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF; position: relative; padding-top: 80px; min-height: 101%; overflow: visible; }#navbar { color: white; font-size: 11px; line-height: 16px; background-color: #FF0000; text-align: left; letter-spacing: 0px; height: 20px; width: 769px; font-family: Arial, Helvetica, sans-serif; }#central { width: 769px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF; overflow: visible; padding: padding-top; }.coluna_esquerda { text-align: left; width: 300px; float: left; }.coluna_central { text-align: left; width: 200px; float: left; }.coluna_direita { font-size: 10px; line-height: 20px; padding-left: 3%; width: 100px; float: right; padding: 0 0 0 20px; }</style><body><div id="topo"> Topo</div><div id="navbar"> Navegação</div><div id="central"> <div class="coluna_esquerda">Esquerda</div> <div class="coluna_central">Central</div> <div class="coluna_direita">Direita</div></div></body></html>vlw
Web Developer / Web Designer / Information Architect
"Living to learn... learning to live!"
Useful links: Rules | Search
"Living to learn... learning to live!"
Useful links: Rules | Search
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)
