私は次のページを持っています:
<html>
<head>
<title>Kahil</title>
<link rel="stylesheet" type="text/css" href="csshorizontalmenu1.css" />
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" dir="RTL">
<center>
<div class='horizontalcssmenu'>
<ul id='cssmenu1'>
<li><a href=''>Menu1</a></li>
<li><a href='/pages/F4F8E5F4E9EC.php'>Menu2</a></li>
<li><a href='http://kahil.bizclick.co.il/pages/F2E1E5E3E5FA.php'>Menu3</a></li>
<li><a href='/pages/E2ECF8E9E4.php'>Menu4</a>
<ul class='box'>
<li><a href='/pages/E2ECF8E9E4/EEE3E1F7E5FA.php'>Menu4.1</a></li>
<li><a href='/pages/E2ECF8E9E4/EEE5F6F8E9-F4F8F1E5ED.php'>Menu4.2</a></li>
<li><a href='http://kahil.bizclick.co.il/pages/E2ECF8E9E4/E4E3F4F1E4-F2EC-E7E5ECF6E5FA.php'>Menu4.3</a></li>
</ul>
</li>
<li><a href='/pages/F6E5F8-F7F9F8.php'>Menu5</a></li>
</ul></div>
</body>
</html>
そして、私がそれらに適用したい次のCSSスタイル:
.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}
/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: right;
}
/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
width: 60px; /*Width of top level menu link items*/
padding: 2px 8px;
text-decoration: none;
/*background-color: #1C3702;*/
color: #7E4732;
font: bold 12px Arial, Helvetica, sans-serif;
}
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}
有線の場合、例のようにファイル内にある場合、スタイルは適用されませんが、インライン化する<style> ... </style>
と突然機能します。タグを100回チェックしましたが、link
何が悪いのかわかりません。
編集:
要求に応じて、ここにアップロードしました。フォルダ全体に2つのファイルが含まれていindex.html
ますc1.css
。Notepad ++を使用して編集しているため、形式はプレーンテキストである必要がありますが、CSSファイルは元々ダウンロードされていました。デバッグの便宜のために、私はすでにそこにstyle
タグを付けてコメントアウトしました。>
5行目の最後にを追加して、機能することを確認できます。