Ir para conteúdo

POWERED BY:

Arquivado

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

RoBINHoDC

[Resolvido] Nav | Header

Por , em Desenvolvimento frontend

Recommended Posts

RoBINHoDC    1

RoBINHoDC
Postado

Galera, to com um problema muito tonto, mas não consigo indentificar,

tenho uma pagina, e ela não esta posicionando, sendo que os dados que eu coloquei eram para funcionar...

 

alguem me dá um help?

 

Caso queiram visualizar a pagina,clique aki

 

o codigo segue abaixo:

 

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Infinite Footer Area</title>
<style type="text/css">
body {
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#333;
background:#222;
}
#headwrapper {
background-color: #371E11;
background-image: url(images/bg_head.jpg);
background-repeat: no-repeat;
background-position: center center;
height: 140px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 40px;
padding-bottom: 20px;
}
.bodywrapper {
padding:40px;
height:auto;
background-color: #FFF;
}
.footerwrapper { margin:0 auto; padding:40px; background: #222222; }
title {
width:800px;
margin:0 auto;
}
section {
width:800px;
margin:0 auto;
padding:10px;
}
footer {
color:#CCC;
width:800px;
margin:0 auto;
padding:10px;
}
header {
color:#CCC;
width:900px;
padding:10px;
height: 100px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#navbar {
height: 66px;
width: 980px;
margin-top: 50px;
position: relative;
margin-left: 40px;
}
#nav_01 {
float: left;
height: 66px;
width: 147px;
position: relative;
}
#nav_02 {
float: left;
height: 66px;
width: 104px;
position: relative;
}
#nav_03 {
float: left;
height: 66px;
width: 167px;
position: relative;
}
#nav_04 {
float: left;
height: 66px;
width: 112px;
position: relative;
}
#nav_05 {
float: left;
height: 66px;
width: 165px;
position: relative;
}
#nav_06 {
float: left;
height: 66px;
width: 154px;
position: relative;
}
#nav_07 {
float: left;
height: 66px;
width: 129px;
position: relative;
}
</style>
</head>
   <body>
   <div id="headwrapper">
     <div id="navbar">
       <div id="nav_01">Content for  id "nav_01" Goes Here</div>
       <div id="nav_02">Content for  id "nav_02" Goes Here</div>
       <div id="nav_03">Content for  id "nav_03" Goes Here</div>
       <div id="nav_04">Content for  id "nav_04" Goes Here</div>
       <div id="nav_05">Content for  id "nav_05" Goes Here</div>
       <div id="nav_06">Content for  id "nav_06" Goes Here</div>
       <div id="nav_07">Content for  id "nav_07" Goes Here</div>
     </div>
   </div>
   <div class="bodywrapper">
     <section>
       <p>O vaidoso é soberbo e a soberba é o caminho para o fracasso. Vamos colocar os versículos de modo positivo:<br>
         A humildade precede a prosperidade e a singeleza do espírito; a ascensão. (Pv 16.18 invertido)<br>
         O homem humilde gosta de quem o corrige; ele sempre pede conselhos aos sábios (Pv 15.12 invertido)<br>
         Para prosperar e ter uma vida cristã frutífera e segura é preciso haver humildade, que se manifesta na busca por irmãos mais velhos que corrijam e forneçam conselhos sábios.<br>
         Não será esta a causa do fracasso e dos escândalos causados por cristãos e muitos líderes? Por que caem em tentação? O que acontece que muitos não crescem, continuam como meninos na fé, mesmo depois de vários anos junto ao Corpo de Cristo? Por que algumas pessoas, que têm potencial, não avançam, não progridem, não vingam? Por que será que hoje, um número tão expressivo de líderes cedem à tentação e fracassam? O que está faltando hoje?<br>
         Mentoria. <br>
         Paternidade espiritual. <br>
         Discipulado <br>
         Ou qualquer outro nome que você queira dar a um relacionamento em que um irmão conta com outro mais experiente para ajudá-lo e servi-lo.<br>
         Quem é o seu mentor? Quem é o seu pai (mãe) espiritual? De quem você é discípulo? Eu sou da linha do pastor Abe Huber, que considero um mentor, através de seus livros e DVDs. Inclusive, nossa igreja está debaixo da visão do MDA, que foi idealizada pelo Pr. Abe Huber.<br>
         Sabe qual é o segredo do sucesso desta visão? Discipulado um a um. Eu não acredito no sucesso de uma igreja em que o discipulado um a um não é incentivado. É muito importanque que haja sempre na igreja um ministrando sobre o outro. Um cuidando do outro. Um sendo parceiro espiritual do outro. Um pastor, um evangelista, um presbítero, um diácono, ou um membro que não está debaixo de um cuidado de mentoria ou discipulado não irá longe, não crescerá, não progredirá, não florescerá e caminhará solto. <br>
         Uma vida não discipulada não é vivida com responsabilidade. Uma vida não supervisionada não é vivida com segurança. </p>
     </section>
   </div>
   <div class="footerwrapper">
     <footer>
       <h2>Footer Area</h2>
       <p>©Copyright 2012</p>
     </footer>
   </div>
   </body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

E qual é o erro ? como deveria ficar ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

RoBINHoDC    1

RoBINHoDC
Postado

E qual é o erro ? como deveria ficar ?

 

O quadrado da #nav estar centralizado com o menuzinho em bevel

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 
#navbar { margin: 100px auto 0 auto; }

Compartilhar este post

Link para o post
Compartilhar em outros sites

RoBINHoDC    1

RoBINHoDC
Postado 

#navbar { margin: 100px auto 0 auto; }

 

Vou alterar aki e já faço o uploud para você ver como ficou

Compartilhar este post

Link para o post
Compartilhar em outros sites

RoBINHoDC    1

RoBINHoDC
Postado

Vou alterar aki e já faço o uploud para você ver como ficou

 

Willian, Valeu!

 

ficou certinho, do jeito que eu queria.

 

 

se quiser dá uma olhada, clique aki

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