0

わかりました、この問題を解決するために考えられることはすべて試しました...サイトの上部にあるリンクが機能しません。

他の場所へのリンクは問題ありません。

これが私のhtmlです：

<div id="header" class="header1" align="center">
</div><!--end blue header div-->

<div class="logo" align="center"> 
 <table align="center" width="800px"><tr><td width="800px" align="center">
 <img align="middle" src="images/phwm_sc_logo.png" width="170" height="212" alt="logo" />
   </td></tr></table>
  <!--must be same width as navigation "header2  div"-->
</div> 
<!--end logo div-->

<div id="header" class="header2" align="center">
<table width="800px" height="80px" style="padding-top:10px"> <!--height of table must match height of div "header 2" -->
<tr>
<td width="138"><h1><a href="index.html">[ HOME ]</a></h1></td>
<td width="149"><h1><a href="index.html">[ TEAMS ]</a></h1></td>
<td width="220"><h1></td>
<td width="137"><h1><a href="index.html">[ STAFF ]</a></h1></td>
<td width="132"><h1>[ GALLERY ]</h1></td>

</tr>
</table>
</div><!--end red navigation header div-->

ここに私の外部CSSがあります：

a.ex1:link {
color:#666335;
text-decoration:none
}    /* unvisited link */
a.ex1:visited {
color:#666335;
text-decoration:none
} /* visited link */
a.ex1:hover {
color:#D85D27;
text-decoration:none
}   /* mouse over link */
a.ex1:active {
color:#D85D27;
text-decoration:none
}  /* selected link */.header1 { position:fixed; top: 0px;
width: 100%; height:50px;
background-color: rgba(0, 54, 103, 0.6); /* Color white with alpha 0.9*/
}
.header2 { position:fixed; top:60px; 
width: 100%; height:80px;
background-color: rgba(210, 6, 46, 0.4); /* Color white with alpha 0.9*/
}

.logo {position:fixed; top: 5px;
 z-index:10; width:100%; 
}

必要に応じて、いつでも HTML と CSS の両方を含めることができます...助けて!! これを修正するにはどうすればよいですか?

4

1 に答える 1

0

センターのロゴを含むテーブルがリンクの上に重なって表示されるため、リンクをクリックしていると思っても、実際にはテーブルをクリックしていることになり、リンクにアクセスできなくなります。ロゴコンテナをロゴと同じサイズにすれば問題ありません。

于 2012-11-28T15:01:39.287 に答える