0

ロゴをヘッダーの中央に配置しようとしています。クラス内でdisplay:blockandを試しましたが、機能しません。margin:auto#site-title

コードへのリンクは次のとおりです: http://pastebin.com/iNvhTSBL CSS は次のとおりです: http://pastebin.com/f5mPTjuU

どうすればいいのかわからない...CSSを正しく実行していないのでしょうか?

どんな助けでも大歓迎です!CSS はワードプレスのテーマからのもので、皆さんにお知らせしただけです。

ありがとうございました!

4

3 に答える 3

1

次回は、関連するコード ビットのみを質問に投稿してください。これにより、人々がわざわざ回答する可能性がはるかに高くなります。

これがあなたが参照しているコードである場合:

<div id="header">
            <div id="site-title">
                    <a href="http://www.panduzee.com/wordpress"><img src="http://i.imgur.com/ysxPP.jpg"></a>
            </div>
            <!-- other bits stripped for brevity -->
            <div class="clear"></div>
    </div>

そしてcssはこれです:

#header {
    border-bottom: 1px solid #dedfe0; 
    padding-bottom: 50px;
}
#site-title { 
    float: left; 
    width: 100%; 
    padding-right: 40px; 
    overflow: hidden; 
    line-height: 27px; 
    font-size: 23px; 
    display:block; 
    margin: auto;
}  
#site-title a {
    color: #333; 
    font-weight: bold; 
    text-decoration: none; 
}

次に、次のように css を修正する必要があります。 1.サイトタイトルから を
削除します。float: left不要。2. で問題が発生することに
注意してください 。 3.サイトのタイトルに追加します。 4.サイトのタイトルに a を追加しますpadding-right of 40pxwidth: 100%
text-align: center;
margin: 0 auto;

次のコードは、あなたが望むことを行います:

#header {
    border-bottom: 1px solid #dedfe0; 
    padding-bottom: 50px;
}
#site-title { 
    width: auto; 
    padding-right: 40px; 
    overflow: hidden; 
    line-height: 27px; 
    font-size: 23px;  
    text-align: center;
}  
#site-title a {
    color: #333; 
    font-weight: bold; 
    text-decoration: none; 
    margin: 0 auto;
}
于 2012-04-26T02:30:44.057 に答える
0

これを追加#site-title

text-align: center;
于 2012-04-26T02:25:19.643 に答える
0

これはうまくいくはずです:

#header {
width: 500px;
margin: 0 auto;
}
</style>
<div id="header">
<!-- div content here -->
</div>
于 2012-04-26T02:31:17.207 に答える