Может кто-нибудь сказать мне, почему мои <div>кнопки не меняют размер? - PullRequest
Новая
       8

Может кто-нибудь сказать мне, почему мои <div>кнопки не меняют размер?

1 голос
/ 07 марта 2009

Независимо от того, что я установил для них в своих DIV, я использую их для кнопок, размер не изменяется. Я загружаю правильный файл, и он имеет изменения на сервере, но ничего не происходит, сколько бы я ни обновлялся. Я удалю URL, чтобы его нельзя было использовать в качестве рекламы, как только я получу ответ.

[удаленный URL]

Ответы [ 2 ]

4 голосов
/ 07 марта 2009

Проблема здесь в том, что вы пытаетесь изменить размер встроенных элементов, которыми нельзя явно управлять. Чтобы установить высоту и ширину элемента, вам нужно установить режим отображения «block» и использовать float для выравнивания элементов по горизонтали. 

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;
}

Кроме того, вам нужно переставить DIV в обратном порядке, чтобы они отображались слева направо. В CSS2 есть свойство display, называемое «inline-block», которое предназначено для исправления этого, но оно не поддерживается повсеместно.

2 голосов
/ 07 марта 2009

В CSS к элементам с display: inline нельзя применять width или height . Для этого вам нужно display: inline-block . IE будет неправильно преобразовывать любой встроенный элемент в встроенный блок, если вы зададите им ширину или высоту. К счастью, с момента выхода Firefox 3 вы можете использовать inline-block с минимальным взломом.

нет совместимости с Firefox 2: 

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

Пример HTML 

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

Совместимость с Firefox 2 

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

Пример HTML 

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

В вашей реализации .button вам нужно будет удалить отображение: встроенная часть.

...