Alguém pode me dizer por que meus botões não redimensionar?

Question

Não importa o que eu defini-los aos meus DIVs eu uso para botões não redimensionar. Eu estou carregando o arquivo correto, e tem a mudança no servidor, mas nada está acontecendo não importa o quanto eu atualizar. Eu vou apagar a URL para que isso não pode ser usado como publicidade uma vez que recebo uma resposta.

[url removido]

Answer 1

A questão aqui é que você está tentando redimensionar elementos inline, que não podem ser controlados de forma explícita. A fim de definir a altura e largura do elemento, você precisa definir o modo de exibição que seja para "bloquear" e uso float para alinhar os elementos horizontalmente.

div .button {
   display: block;
   -moz-border-radius: 25px;
   -webkit-border-radius: 25px;
   border: 3px double #F1A631;
   background-color: #FCFF68;
   float: left;
   width: 150px;
   height: 30px;
}

Além disso, você precisa reorganizar seus DIVs na ordem inversa que você gostaria que eles sejam exibidos da esquerda para a direita. Não é propriedade de exibição em CSS2 chamado "inline-block", que é projetado para corrigir isso, mas não é universalmente suportado.

Answer 2

Em CSS, elementos com display: inline não pode ter largura ou altura aplicado a eles. Você precisa display: inline-block para isso. IE será incorretamente converter qualquer elemento inline para inline-block se você lhes der uma largura ou altura. Fortunatley, desde o lançamento do Firefox 3 você pode usar inline-block com apenas hackers mínima.

há compatibilidade Firefox 2:

.ib { display: inline-block; zoom: 1; *display: inline; }

Exemplo HTML

<div class="ib button">My button</div>

Firefox 2 compatibilty

.ib{ display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; }
.button { display: block; }

Exemplo HTML

<div class="ib"><div class="button">My button</div></div>

Na sua implementação .button você precisa remover o display:. Porção em linha