Transformar px em porcentagem

[thcb2 0]

Oi,

 

Estou desenvolvendo um site todo com medidas de porcentangens com o objetivo de ser bem visualizado tanto em resoluções de 1024x768 quanto 800x600.

 

Porém, não estou acertando na hora de transformar de px em porcentagens na parte referente ao menu.

 

Abaixo meu código do menu:

 

#menu {margin:5% 15%;}

#menu ul {margin:0; padding:0; list-style:none;}

#menu li{float:left; border-right:1px solid #fff;line-height:23px;}

#menu a{text-decoration:none; font-size:12px;display:block; color:#fff;}

#menu a.um{background:url(Imagens/bt-dois.jpg) top; width:70px; height:25px;}

#menu a.dois{background:url(Imagens/bt-um.jpg) top; width:70px; height:25px;}

#menu a:hover{text-decoration:underline; background:url(Imagens/bt-dois.jpg) bottom;}

a#current{text-decoration:underline;}

 

Desde já obrigada

 

Thais

[William Bruno 1501]

exatamente oque você quer que se comporte de maneira liquida, já que está querendo usar porcentagens?

 

Para apenas "ser bem visualizado tanto em resoluções de 1024x768 quanto 800x600", você não precisa necessariamente, usar porcentagens... E nesse código que você postou, não vejo nada em que possamos aplicar.

[thcb2 0]

Tiu Uill, estou querendo transformar tudo que tem px em porcentagem, pois achei que esse poderia ser a causa do meu problema.

 

Meu problema é: Quando estou com resolução de 1024x768 ocorre tudo certo. Porém quando a resolução é 800x600 os botões que são lado a lado, fazem com que um caia para a proxima linha ao invés de ficar lado a lado.

 

se possível dê uma olhada:

 

http://projetopai.v10.com.br

 

Obrigado

[William Bruno 1501]

Os botões, estão caindo para a próxima linha, pq não está tendo espaço para eles.

Se cada um tem 70px de largura, temos 280px aqui.

 

As tuas DIVs #geral e #esquerda, estão liquidas. Portanto, qndo você vê na resolução 800x600, o tamanho do container é menor... não acho muito confortável trabalhar com %s, mas fazendo um site "estático", somente no px, o trabalho com certeza é menor.

Mas vamos lá...

Primeiramente, você precisa definir uma largura para o container dos LI, então:

#menu {margin:5% 15%; width: 100%;}

Feito isso, agora, você deve definir a largura dos elementos, faça essas declarações no LI, e não no A.

#menu li{width:17%; height:25px;}

Certinho? com isso, você retira isso do CSS:

#menu a.um{width:70px; height:25px; }
#menu a.dois{width:70px; height:25px; }

Testa ai...

[thcb2 0]

Obrigado Tiu Uill, mas eu acabei desistindo dessa idéia de fazer em porcentagem tudo...ficou mto confuso pra mim...fiz com px mesmo...

 

Obrigada pela atenção :D