一个Div内的类,只工作一次

时间:2012-11-15 13:25:47

标签: class html

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

我有一个问题,我已经为我的导航栏编写了一个课程,我也希望将其应用于所有链接。我有一个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>

我正在使用..

.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%;
}

由于

0 个答案:

没有答案