Question

嘿伙计们，我打算在我的标题中添加链接，而设计它们会给我带来一些问题。我的目标是制作类似于twitter的一个，但我面临两个问题。首先，当我更改一个链接的背景颜色时，它会改变链接周围背景的颜色，但我希望它能够将标题顶部的标题更改为标题的底部。推特以便更好地理解）而且，我怎样才能改变活跃链接的背景颜色？活跃我的意思是，如果链接链接到homepage.php并且用户在homepage.php中，我希望链接具有不同的背景颜色。这是我到目前为止提出的代码：

<div class="littleheader"><div class="logo"><a HREF="index.php"><img class="fleft" src="graphics/little-logo.png" alt="Cliproid" ></a></div>

<div class="navbuttons">
<div class="navigations">
<a class="nav">test</a>
</div>
<br/><br/>
</div>
</div>

和样式：

    div.littleheader
    {
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aadbba), to(#009933)); 
        background: -moz-linear-gradient(top, #aadbba, #009933); 
        padding: 0.5em;
        color: white;
        clear: left;
        z-index: 1;
        height: 30px;
        }   
     .logo
     {
        margin-left: 100px;
        vertical-align: middle;
        }
       div.navbuttons{
        float: left;
        text-align: left;
        margin-left: 50px;
        }
.fleft
{
    float: left;
    }
.navigations
{
    float: left;
    vertical-align: middle;
    margin-left: 10px;
    }   
a.nav
{
    vertical-align: middle;
    color: white;
    }

Answer 1

我的第一个想法是改变a.nav：

a.nav {
  display: block;
  float: right;
  line-height: 120px;      /* just an example, line-height causes vertically aligned */
}

从那里拿走。

你必须正确地浮动你的整个导航栏和其他东西，但这是基本的开始。

标题设计问题中的链接

1 个答案: