2

100のトピックが作成されていることはわかっていますが、100のトピックすべてを試しましたが、機能させることができません。チェックインすると、画像を中央に揃えます。

http://one1.no-ip.org/index.php?hitta=tanto&page=search

ロゴが画面の上部にあることがわかります。私が何をしても、ロゴを正しく配置できません。何かが干渉していると確信していますが、何がわからないので、いじくり回して、使用しているメソッドが機能しているかどうかを確認しました。

http://jsfiddle.net/UJATF/div 要素の中央にある画像を使用した作業例

CSS

 .logo{
    background:white;
    position:absolute;

    width:105px;
    height:90px;
    line-height:90px;
    left:180px;
    margin-top:20px;

    line-height:90px;
    text-align:center;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    box-shadow:inset 0px 0px 0px 1px white,inset 0px 0px 10px -4px black;
    z-index:1000;
    overflow:hidden;    
}
.logo img{
    vertical-align:middle;
    max-width:90px;
    max-height:40px;
}

HTML

<div class="logo">
<a href="./index.php?page=profile&amp;id=377948"><img src="http://www.tantobil.se/images/logo.png"></a>
</div>

だからすべての助けをいただければ幸いです

4

2 に答える 2

1

アンカーリンクdisplay : inline-blockを定義し、margin-top

このように

.logo > a {
    display: inline-block;
    margin-top: 22px;
}

結果は

ここに画像の説明を入力してください

--------

この 2番目のオプションに使用されるよりも動的に使用していますかimg

.logo > a {
    display: table-cell;
    height: 90px;
    text-align: center;
    vertical-align: middle;
    width: 105px;
}
于 2012-11-29T10:58:13.860 に答える
0

topcssで固定の高さを使用しているので、ロゴの位置を決定するために単純な計算を使用してみませんか?

.contentの高さは121ピクセル、.logoの高さは90ピクセル

違いは31ピクセルです。これは、15.5ピクセルのトップオフセットが必要であることを意味します。また、position: relativeロゴを.contentのトップに対して相対的に配置するように、.contentをに設定します。

于 2012-11-29T10:58:31.037 に答える