1

论坛的新手，因为这是我第一次无法使用搜索来解决我的问题，也许是我的措辞。我希望你们中的一个可以帮助我。

我有一个问题，我为我的导航栏编写了一个类，我也想将其应用于所有链接。我有一个 3 列布局，全部包裹在一个容器中（所以我可以有一个粘性页脚）。我标题中的课程有效，但对于我的生活，我无法弄清楚为什么它不会应用侧边栏导航。页面的每个部分（页眉、col1、col2、col3 和页脚）都有一个 ID，在其中我告诉它应用我的导航类，但无济于事。

对不起，如果你没有得到我，但任何帮助将不胜感激。

问候

更新......它在这里工作，

<div id="header">
</br>
<img src="images/banner.gif" href="index.html" width="60%"
alt="RedHotPolka">
<br/>
<div class="nav1">
<a href="index.html">Home</a>
<a href="shop.html">Shop</a>
<a href="about.html">About</a>
<a href="contact.html">Contact</a>
</div>
</div>

但不是这里...

<div id="rcol" align="right">
<div class="nav1">
<br/><br/><br/><br/>
<a href="featured.html">What's hot?</a><br/><br/>
<a href="sale.html">Sale</a><br/><br/>
</div>  
</div>

我正在使用的CSS..

.nav1
a:link {text-decoration:none; color:#000000; font-size:22px; padding:4px;}
a:visited {text-decoration:none; color:#000000;}
a:active {text-decoration:none; color:#ff0000;}
a:hover {text-decoration:none; color:#ff0000;}

和

*{margin:0;padding:0;}

html, body {height: 100%;}

#container
{
    min-height: 80%;
overflow:auto;
margin-bottom: 100px;
}

#footer
{
position:relative;
margin-top: -100px;
height: 100px;
clear: both;
}

#header
{
margin-bottom: 10px
}

#lcol
{
float: left;
width: 20%;
margin-left: 0%;
display: inline;
}

#mcol
{

float: left;
width: 48%;
margin-left: 6%;
}

#rcol
{

float: right;
width: 20%;
margin-left: 6%;
}

谢谢

4

0 回答 0