4 replies to this topic

[Hellrider]

Olá, estou tentando projetar um layout que tinha feito com o FW em tableless, então fiz um div com background da imagem que eu queria, coloquei o posicionamento e etc. Ae pintou o primeiro problema:

No site www.maujor.com diz que para ter a página centralizada tem que se fazer isto:

body {
margin: 0;
padding: 0;
text-align: center;}
 
#tudo {
margin-left: auto;
margin-right: auto;
text-align: left;}

No IE, por incrivel que pareça, funcionou!!! O problema ficou por conta do Opera que eu uso, fica uma margem a mais do lado esquerdo, então fica mais ou menos centralizado. Oque posso fazer???

O outro problema ficou por conta de um menu horizontal que fiz com ul dentro de um div #menu-h:

Coloco a mesma coisa dita acima porém também não fica centralizada. E também tem um outro probleminha: como eu posso tirar a margem que fica entre os itens da lista de definição??Ponho margin: 0 e padding: 0 e não sai o espaço!!!

Alguém está disposto a me ajudar???

Edição feita por: Hellrider, 21/12/2004, 22:56.

[Kaled]

No seu código está escrito margem, mas o correto é margin. Essa regra aí é caso os browsers como o Firefox e/ou o Opera não esteja aceitando o text-align: center; do body.

margin: 0 auto 0 auto;
Coloca esse código na tag body.

Como está o código que vc está criando p/ a sua lista de definição ? E qual o estilo que vc quer q ela apareça ?

[]s

Edição feita por: Kaled, 21/12/2004, 19:03.

[Hellrider]

Olá Kaled, o lapso do "margin" por "margem" foi somente no código escrito no fórum. Desculpe-me

Testarei agora oque me disse. Obrigado

Então, quanto à lista de definição, quero que ela apareça em uma linha só, portanto:

#menu-h ul {
display: inline;
list-style: none;}

#menu-h li {
padding: 0;
margin: 0;}

Também coloquei na âncora, já que dentro do item listado tem um link:

#menu-h a {
padding: 0;
margin: 0;}

Além, claro, de outros valores que não convém citar-lhes.

. .não deu certo...

Use o botão de editar

Edição feita por: xxALExx, 22/12/2004, 06:27.

[Kaled]

O que não deu certo, o caso da centralização ?

body {
margin: 0 auto 0 auto;
text-align: center;
}

#tudo {
text-align: left;
}

Na sua lista, os atributos que estão no UL deveria está no LI e vice-versa.

#menu-h ul {
padding: 0;
margin: 0;
}

#menu-h li {
display: inline;
list-style: none;
}

Testei esse código que você me passou aqui e ficou sem espaço entre um item e outro, normal, num é assim que você quer ?

[Hellrider]

Aeeeeee, consegui. Coloquei

position: relative;

no div #topo, e eu estava em baseando pro ele e vendo a margem que ficava. Obrigado ae Kaled