10 replies to this topic

[Claudio Souza]

Olá galera,

Tô começando com CSS por agora. Fiz um menu horizontal todo em css, mas não consigo colocar ele centralizado na página o endereço do site é www.portalsafra.com.br

o arquivo css é o seguinte:

[codebox]
#cabecalho {
margin: 0;
padding:10px;
border: 0;
background-color:#caffca;
}
#img_cabeca {
margin-left:12px;
width:150px;
height:auto;
vertical-align:top;
}
#img_fale {
border:0;
width:190px;
height:auto;
vertical-align:middle;
}
#banner_portal {
width:412px;
height:auto;
vertical-align:top;
}
td#td_hr {
border-top: 2px #F00 solid;
border-bottom:2px #F00 solid;
height:15px;
}
td#td_hr2 {
border-top: 2px #F00 solid;
height:1px;
}
td#hifrime {
background-color:#caffca;
}
/* inicio do menu */
#nav, #nav ul {
width: 105em;
list-style: none;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
margin-bottom:30px;
margin-left: 40px;
clear: both;
}
#nav li {
float: left;
text-align:left;
}
#nav a {
display: block;
width: 10em;
height: 2em;
line-height: 2;
text-align: center;
text-decoration: none;
background-color: #69c; /* IE precisa desta declaração */
color: #fff;
border: 1px solid #ccc;
border-width: 0 1px 1px
}
#nav a:hover {
text-decoration: none;
background: #c7daec;
color:#69c;
}
#nav a.bullet {
background:#69c url(../imagens/bullet.gif) no-repeat right;
}
#nav a.bullet:hover {
background: #c7daec url(../imagens/bullet-over.gif) no-repeat right;
}
#nav li ul {
position: absolute;
left: -1000em;
width: 10em;
margin: 0;
text-align: left;
}
#nav ul ul {
margin: -2.1em 0 0 10.1em;
}
#nav li:hover ul ul, #nav li.over ul ul {
left: -1000em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.over ul, #nav li li.over ul {
left: auto;
}
/* Fim do Menu */
#principal {
margin-left:25%;
margin-right:25%;
margin-bottom:10px;
padding:10px;
border:0;
background-color:#caffca;
}
#lado_a {
float:left;
width:22%;
margin-bottom:10px;
padding:10px;
border:0;
background-color:#caffca;
}
#lado_b {
float:right;
width:22%;
margin-bottom:10px;
padding:10px;
border:0;
background-color:#caffca;
}
#rodape {
clear:both;
padding:1px;
border-top: 2px solid #F00;
border-bottom: 2px solid #F00;
border-left:0;
border-right:0;
}
[/codebox]

Agradeço se alguém me ajudar

[kdz]

Não testei seu css, mas acredito que sua div#nav é responsável por toda a estrutura do menu, correto?
Mude o margin atual dela para: margin:0 auto
Esse comando defini margem 0 para cima e para baixo e margem automática para os lados.

[Claudio Souza]

Fiz essa declaração e o menu ficou alinhado a esquerda. Na verdade eu quero colocar ele centralizado na página.

[douglash]

Olá, uma dica, sempre de um reset no seu css antes de começar, então adicione a seu css o seletor "*" com as seguintes propriedades:

*{
margin:0;
padding:0;
}

E retire o width do #nav, #nav ul que ficará mais centralizado, mais vc utilizou position para posicionar o seu ul, e posição negativa assim como margem.. prefira usar float para posicionar os seus elementos e utilize containers na estrutura do seu site, DIVs, ao invés de table.

Edição feita por: douglash, 02/11/2009, 16:41.

[kdz]

Complementando..

Já que você utilizou a propiedade position nas listas não esqueça de definir a propiedade position:relative na sua div #nav.

[Claudio Souza]

Olá galera,

Resolvi a questão declarando a margem esquerda em percentual. Dessa forma consegi centralizar o menu horizontal na página. Agradeço a todos as dicas que recebi, pois me ajudaram também em outras soluções.

Valeu!! Obrigado a todos

Claudio Souza

[HaroNism]

Levitra Il Migliore Real Generic Dutasteride Online cialis price Levitra Para Hipertensos Discount Generic Doxycycline Buy Seroquel No Script

[HaroNism]

Viagra Y Prostatitis Online Levitra Viagra Cephalexin In Nursing Bitches cialis price El Priligy Funciona Buy Cialis In France Fluoxetine Next Day Delivery
Cytotec Mifegyne Cialis Kaufen Berlin Zofran viagra online Levitra Disfuncion Psicologica Propecia Numeros Buy Levitra Best Price

[HaroNism]

Cialis Dose Achat buy viagra online Prezzi Kamagra In Francia
Viagra Effetti Video Tinnitis Keflex Achats De Pilules Viagra compare viagra to cialis and levitra Pharmacy Rx One Viagra Ed Pills No Perscription
Priligy Dapoxetine Dans Le U.S Antabuse Buyantabuse Disulfiram viagra Super Kamagra Schweiz Au Revoir Clomid Comprar Viagra Cialis Levitra

[HaroNism]

Stendra No Physician Approval Acquisto Cialis Generico In Contrassegno viagra In Canada

[HaroNism]

Priligy Generico Senza Ricetta Kamagra Vente Libre Hollande viagra Cytotec Misoprostol Buy Online Achat Viagra Nord
Viagra Buen Precio Real Generic Dutasteride Online buygenericlevitraonlineusa Can Amoxicillin Mix With Milk Cephalexin 500mg Cap
How Much Amoxicillin For A Cat Cialis 10 Mg Effetti cialis Viagra Hiv Donde Comprar Viagra Brand Cialis Usa
Levitra A Precios Baratos Cialis 20mg Price At Walmart generic cialis El Cialis Femenino
Triameterene For Sale buy viagra Cheap Orlistat Buy Zoloft Online With No Perscription