0

我正在使用我购买的模板开发 WordPress。我在网站顶部添加了一个 div,其中唯一的元素是一个链接。

我需要让它与页面的其余元素对齐,所以我使用了 padding-left。问题是,当我调整窗口大小时,页面的其余元素正在移动,但我无法让链接以相同的方式移动。

我试过'位置'但没有运气。

这是我正在使用的代码:

<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 回答