1

パネルのヘッ​​ダーにロゴ（Microsoftロゴ）を配置しました<center><h2> img scr...</h2></center>

それは私が欲しいところの中心にあります。ただし、パネルのヘッ​​ダーの上部が少し高いため、垂直方向の中央に正確に配置されていません。

これはパネル全体のCSSです（ヘッダーが含まれています）：

.panel {
    background: url("../images/panel_bg2.png") no-repeat scroll 0 0 transparent;
    width:148px;
    height:270px;

}


.panel_header {
    background: url("../images/panel_header_bg.png") no-repeat scroll 0 0 transparent;
    width:149px;
    height:54px;
    position:absolute;


}

これはhtmlです：

<div class="panel">
<div class="panel_header">
<center><h2><img src="images/ms_logo.png" width="102" height="21" /> </h2></center>

画像（Microsoftロゴ）を少し下に移動する方法はありますか？

ここで私が話していることがわかります：http ：//www.qubespace.com/certwizard/ パネルはスライドのすぐ下にあります。ヘッダーdivのロゴ（Microsoftロゴ）を少し押し下げたいだけです。私は何かが足りないことを知っています。

お返事をいただければ幸いです。

ありがとう ！

PS：私が使用しているフレームワークはWordpressで、htmlはウィジェットに配置されています。U-Designテーマを使用しています。

4

1 に答える 1

1

パネルクラスにマージントップルールを追加して、Microsoftロゴを上下に移動します。負の値はそれを上に移動し、正の値は下に移動します。中央に配置する場合は、マージンを次のように設定しますmargin:0 auto;

于 2012-09-09T02:39:18.437 に答える