Kann mir jemand sagen, warum meine Tasten nicht die Größe?

Question

Egal, was ich setzte sie auf meine DIVs ich für Schaltflächen nicht ändern. Ich bin das Hochladen der richtige Datei, und es hat die Änderung auf dem Server, aber nichts passiert, egal wie viel ich zu aktualisieren. Ich werde die URL löschen, so kann dies nicht als Werbung verwendet werden, sobald ich eine Antwort bekommen.

[removed url]

Answer 1

Das Problem hier ist, dass Sie versuchen, Inline-Elemente, um die Größe, die nicht explizit gesteuert werden kann. Um die Höhe und Breite des Elements zu setzen, müssen Sie es Anzeigemodus setzen Schwimmer auf „Block“ und verwenden Sie die Elemente horizontal auszurichten.

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

Auch müssen Sie Ihre DIVs in umgekehrter Reihenfolge neu anordnen möchten Sie sie von links nach rechts angezeigt werden. Es gibt Anzeigeeigenschaft in CSS2 „inline-block“, die dies zu korrigieren ausgelegt ist, aber es ist nicht allgemein unterstützt.

Answer 2

In CSS-Elemente mit display: inline nicht haben können Breite oder Höhe auf sie angewendet. Sie müssen display: inline-block für das. IE wird falsch jedes Inline-Element konvertiert Inline-Block, wenn man sich mit einer Breite oder Höhe geben. Fortunatley, seit der Veröffentlichung von Firefox 3 können Sie mit nur minimalem Hacking inline-block verwenden.

keine Firefox 2 Kompatibilität:

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

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

Beispiel HTML

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

In Ihrer .Taste Implementierung müssten Sie die Anzeige entfernen. Inline-Teil