CSS和链接问题

看起来你们是对的。改变订单已经解决了这个问题。看起来像这样一个简单的修复。感谢所有的评论/帮助。CSS和链接问题

我有一些问题与我的链接和CSS。以下是我的网站代码。我的问题是我有5个链接都使用相同的类。它们都能正确显示并且链接正常工作，但悬停和活动不会改变。最后三项工作就是他们应该怎么做。为什么是这样？到底是怎么回事？我已将其全部删除并重新输入。我试过不同的浏览器。删除缓存。没有。

HTML代码：

<tr bgcolor="#FFFFFF"> 
    <td rowspan="2"> 
     <img src="images/layout/header-menu/menu_02.gif" width="57" height="51" alt=""></td> 
    <td align="center" height="29"><a href="index.php" class="menu">Home</a></td> 
    <td rowspan="2"> 
     <img src="images/layout/header-menu/menu_04.gif" width="41" height="51" alt=""></td> 
    <td align="center" height="29"><a href="about.php" class="menu">About</a></td> 
    <td rowspan="2"> 
     <img src="images/layout/header-menu/menu_06.gif" width="36" height="51" alt=""></td> 
    <td align="center" height="29"><a href="products.php" class="menu">Products</a></td> 
    <td rowspan="2"> 
     <img src="images/layout/header-menu/menu_08.gif" width="36" height="51" alt=""></td> 
    <td align="center" height="29"><a href="recipes.php" class="menu">Recipes</a></td> 
    <td rowspan="2"> 
     <img src="images/layout/header-menu/menu_10.gif" width="36" height="51" alt=""></td> 
    <td align="center" height="29"><a href="contact.php" class="menu">Contact</a></td> 
    <td rowspan="2"> 
     <img src="images/layout/header-menu/menu_12.gif" width="58" height="51" alt=""></td>

CSS代码：

a.menu:link { 
color: #94AA45; 
text-decoration: none; 
font-family: TektonPro-BoldExt-FF, TektonPro-BoldExt, Geneva, Arial, Helvetica, sans-serif; 
font-size: 22px; 
font-weight: normal;} 

a.menu:hover { 
color: #713010; 
text-decoration: none; 
font-family: TektonPro-BoldExt-FF, TektonPro-BoldExt, Geneva, Arial, Helvetica, sans-serif; 
font-size: 22px; 
font-weight: normal;} 

a.menu:active { 
color: #F9A22E; 
text-decoration: none; 
font-family: TektonPro-BoldExt-FF, TektonPro-BoldExt, Geneva, Arial, Helvetica, sans-serif; 
font-size: 22px; 
font-weight: normal;} 

a.menu:visited { 
color: #94AA45; 
text-decoration: none; 
font-family: TektonPro-BoldExt-FF, TektonPro-BoldExt, Geneva, Arial, Helvetica, sans-serif; 
font-size: 22px; 
font-weight: normal;}

来源

2013-03-01 Ni Ck

请将您的代码放在小提琴中。 – Terry 2013-03-01 23:31:58

将其更改为.menu a：hover时发生了什么？ – ultraloveninja 2013-03-01 23:32:54

@ultraloveninja但''是类'menu'的元素，不是？ – Terry 2013-03-01 23:33:52

设置访问了你的CSS链接后出现。

办法，我记住的是：* 大号 *Ø* V * E * HA * TE

经测试，在我的浏览器和重新安排工作的时候。问题是你访问的风格是一样的你的链接样式，并覆盖悬停（当你在的index.php）

来源

2013-03-01 23:35:38 DCADS

是的，它也适用于我。谢谢 – 2013-03-02 05:47:19

把你的链接的CSS顺序：

一个

一个：拜访

答：悬停

一：主动

对于你的榜样，这个CSS应该按预期工作：

a.menu:link { 
    color: #94AA45; 
    text-decoration: none; 
    font-family: TektonPro-BoldExt-FF, TektonPro-BoldExt, Geneva, Arial, Helvetica, sans-serif; 
    font-size: 22px; 
    font-weight: normal;} 

    a.menu:visited { 
    color: #94AA45; 
    text-decoration: none; 
    font-family: TektonPro-BoldExt-FF, TektonPro-BoldExt, Geneva, Arial, Helvetica, sans-serif; 
    font-size: 22px; 
    font-weight: normal;} 


    a.menu:hover { 
    color: #713010; 
    text-decoration: none; 
    font-family: TektonPro-BoldExt-FF, TektonPro-BoldExt, Geneva, Arial, Helvetica, sans-serif; 
    font-size: 22px; 
    font-weight: normal;} 

    a.menu:active { 
    color: #F9A22E; 
    text-decoration: none; 
    font-family: TektonPro-BoldExt-FF, TektonPro-BoldExt, Geneva, Arial, Helvetica, sans-serif; 
    font-size: 22px; 
    font-weight: normal;}

来源

2013-03-01 23:40:06

@Artur是对的，@Guido也是如此。

你绝对不想使用表格作为导航元素。

这是我做了与你的代码：

HTML：

<div class="menu"> 
<td rowspan="2"> 
    <img src="images/layout/header-menu/menu_02.gif" width="57" height="51" 
    alt=""> 
</td> 
<td align="center" height="29"><a href="#" class="menu">Home</a> 
</td> 
<td rowspan="2"> 
    <img src="images/layout/header-menu/menu_04.gif" width="41" height="51" 
    alt=""> 
</td> 
<td align="center" height="29"><a href="#" class="menu">About</a> 
</td> 
<td rowspan="2"> 
    <img src="images/layout/header-menu/menu_06.gif" width="36" height="51" 
    alt=""> 
</td> 
<td align="center" height="29"><a href="#" class="menu">Products</a> 
</td> 
<td rowspan="2"> 
    <img src="images/layout/header-menu/menu_08.gif" width="36" height="51" 
    alt=""> 
</td> 
<td align="center" height="29"><a href="#" class="menu">Recipes</a> 
</td> 
<td rowspan="2"> 
    <img src="images/layout/header-menu/menu_10.gif" width="36" height="51" 
    alt=""> 
</td> 
<td align="center" height="29"><a href="#" class="menu">Contact</a> 
</td> 
<td rowspan="2"> 
    <img src="images/layout/header-menu/menu_12.gif" width="58" height="51" 
    alt=""> 
</td> 
</div>

CSS：

.menu a { 
    color: #94AA45; 
    text-decoration: none; 
    font-family: TektonPro-BoldExt-FF, TektonPro-BoldExt, Geneva, Arial, Helvetica, sans-serif; 
    font-size: 22px; 
    font-weight: normal; 
} 
.menu a:visited { 
    color: #94AA45; 
    text-decoration: none; 
    font-family: TektonPro-BoldExt-FF, TektonPro-BoldExt, Geneva, Arial, Helvetica, sans-serif; 
    font-size: 22px; 
    font-weight: normal; 
} 
.menu a:hover { 
    color: #713010; 
    text-decoration: none; 
    font-family: TektonPro-BoldExt-FF, TektonPro-BoldExt, Geneva, Arial, Helvetica, sans-serif; 
    font-size: 22px; 
    font-weight: normal; 
} 
.menu a:active { 
    color: #F9A22E; 
    text-decoration: none; 
    font-family: TektonPro-BoldExt-FF, TektonPro-BoldExt, Geneva, Arial, Helvetica, sans-serif; 
    font-size: 22px; 
    font-weight: normal; 
}

我也做了一个捣鼓这个问题，以及：

http://jsfiddle.net/ultraloveninja/D5rUR/

来源

2013-03-01 23:50:11 ultraloveninja

得到它的工作，谢谢 – 2013-03-02 05:47:43

CSS和链接问题

回答

相关问题