Criar Botões

[marcos_804]

Galera... estou criando uns botoes que rodam perfeitamente no IE (São aqueles semelhantes ao do site do UOL, cujo muda de cor quando o mouse esta sobre)

Estou usanto "UL". mas quando eu dou o padding para "a" e para o "a:hover", ele fica todo distorcido.

alguém poderia me dar uma luz, de como funciona a droga do "padding" no Mozila?

[Beraldo]

Geralmente, quando você aumenta o padding, deve diminuir a largura.

Poste o código. ficará mais fácil

abraço

[marcos_804]

Como assim?

Veja se eu entendi:

Se eu quiser um botão com a largura de 150px

o paddig seria:

direito: 3, top: 3;bottom:3, e left:10

dai eu teria de dar a largura do botao 137px?

e a altura de, supomos que eu queira um botao de 25 px de altura, dai eu deveria dar a altura de 19px... seria isso?

... Desde já agradeço a atenção!

[Beraldo]

É o seguinte, o padding é a distância da borda do elemento ao conteúdo interno deste elemento, logo, se você aumentar o padding. haverá menos espaço para o conteúdo. Se você diminuir o padding, haverá mais espaço para o conteúdo. Por isso esse lance de padding X width. sacou?

[marcos_804]

Bem, com respeito ao padding eu sei que ele deixa o espaco "almofadado".

Mas o problema é este.

No IE, eu dito:

largura:150px
padding:3px 3px 3px 10px

e o negocio funciona... mas na DROGA DO FF... se eu fizer isso ele fica destorcido e com o tamanho maior que o que eu determinei.

[fercosmig]

por que o IE não segue o padrão W3C e aceita estas gambiarras aí

use assim

padding-bottom:;
padding-left:;
padding-right:;
padding-top:;

se não me engano é isto aí