CSS와 링크 관련 문제

Question

여러분이 옳았다는 것처럼 보입니다. 주문을 변경하면 문제가 해결되었습니다. 그런 쉬운 수정 같아. 모든 의견/도움에 감사드립니다.

---

내 링크 및 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;} 

Answer 1

은 당신의 CSS에 링크 한 후 나타나는 방문 설정합니다. 내가 기억

방법은 다음과 같습니다 * L * 오 * V * 전자 * HA * 테

내 브라우저에서 테스트하고 다시 배열 할 때 작동

. 문제는 당신의 방문 스타일이 링크 스타일과 동일하고, (당신의 index.php에있을 때)

Answer 2

하는 순서로 당신의 연결 CSS를 넣어 호버를 오버라이드 (override) :

을 A : 방문 예상대로 예를 들어 활성

이 CSS를 작동합니다 :

이

A가 가져하십시오

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

Answer 3

@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/