1


0

ボタンに使用するDIVに設定してもサイズは変わりません。 正しいファイルをアップロードしたところ、サーバーに変更がありましたが、いくら更新しても何も起こりません。 URLを削除しますので、回答があったら広告として使用できません。

{空} [削除されたURL]

2 Answer


4


ここでの問題は、インライン要素のサイズを変更しようとしていることです。これは明示的に制御することはできません。 要素の高さと幅を設定するには、表示モードを "block"に設定し、floatを使用して要素を水平方向に整列させる必要があります。

div .button {display:block; -moz-border-radius:25ピクセル。 -webkit-border-radius:25ピクセル。ボーダー:3倍ダブル#F1A631。背景色:#FCFF68。フロート:左。幅:150ピクセル。高さ:30ピクセル。 }

また、DIVを左から右に表示するのとは逆の順序でDIVを並べ替える必要があります。 これを修正するために設計された "inline-block"と呼ばれるCSS2にdisplayプロパティがありますが、それは普遍的にサポートされていません。


2


CSSでは、* display:inline の要素に_width_や_height_を適用することはできません。 そのためには display:inline-block *が必要です。 幅または高さを指定すると、IEはインライン要素を誤ってインラインブロックに変換します。 幸運にも、Firefox 3のリリース以来、あなたは最小限のハッキングでインラインブロックを使うことができます。

  • Firefox 2との互換性はありません:*

.ib { display: inline-block; zoom: 1; *display: inline; }
  • HTMLの例*

私のボタン
  • Firefox 2の互換性*

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

私のボタン

あなたの.button実装では、display:inline部分を削除する必要があるでしょう。