0

購入したテンプレートを使用して、WordPress に取り組んでいます。ウェブサイトの上部に div を追加しましたが、そこにある唯一の要素はリンクです。

ページの残りの要素と揃える必要があるため、左パディングを使用します。問題は、ウィンドウのサイズを変更すると、ページの残りの要素が移動しているのに、リンクを同じように移動できないことです。

「位置」を試してみましたが、運がありません。

私が使用しているコードは次のとおりです。

<div id="extra_header">
        <a class="specialLink" href="http://www.fitnessforum.gr">FITNESSFORUM.gr</a>
        </div>

CSS

#extra_header{
    height:26px;
    background-color: #ac0003;
    display: block;
    }

    a.specialLink:link {
    color: #eeeeee;
    font-size: 12px;
    font-family: arial;
    font-weight: normal;
    font-style: normal;
    line-height: 26px;
    float: left;
    margin-left: 260px;
    }


    a.specialLink:hover { 
    color: #FFFFFF; 
    font-size:12px;
    font-family: arial;
    font-weight:normal;
    font-style:normal;
    text-decoration:underline;
    float: left;
    margin-left: 260px;
    line-height:26px;
    }

ウェブサイトへのリンクもあります: www.topgreekgyms.fitnessforum.gr

4

1 に答える 1

1

に追加#extra_header

width:1020px;
margin:0 auto;

そして、あなたが望むものに調整しmargin-left:260pxます..

:hoverまた、ルールのすべてのプロパティを複製する必要はありません。

リンクの正常な状態から変化するものだけ。

そう

a.specialLink:hover { 
    color: #FFFFFF; 
    text-decoration:underline;
}
于 2012-12-10T17:12:38.323 に答える