個人用ページ作成中の質問

1481 ワード

個人のウェブサイトの中で出会ういくつかの問題を制作して、ここで整理して、まとめます:1、リンクの破線の枠を取り除いて、IEとFireFoxの下でそれぞれ処理します:
a,area { /* for IE */
    blr:expression(this.onFocus=this.blur()) 
} 
:focus {/* for Firefox */
    outline: none; 
} 

2、ナビゲーションバーをCssで反転画像の効果を制御し、ページコードをきれいにする.
<div id="nav">
    <ul>
	<li><a href="#">  </a></li>
	<li><a href="#">  </a></li>
	<li><a href="#">  </a></li>
	<li><a href="#">  </a></li>
	<li><a href="#">  </a></li>
	<li><a href="#">  </a></li>
	<li><a href="#">    </a></li>
    </ul>
</div>

 
cssコード:
/*-navigation Begin-*/
#nav{
	height:36px;
	position:relative;
	top:64px;
	font-family:Arial, Helvetica, sans-serif,"  ";
	line-height:20px;

}
#nav ul{
	position:absolute;/*-  nav      -*/
	right:0px;
}
#nav ul li{
	float:left;
	display:block;
	font-size:14px;
	line-height:36px;
	height:36px;
	background:transparent url(images/nav.gif) repeat-x -95px 0px;
}
#nav ul li a{
	text-decoration:none;
	color:#fff;
	display:block;
	float:left;
	height:36px;
	width:95px;
	text-align:center;
}
#nav ul li a:hover{
	color:#000;
	background:transparent url(images/nav.gif) repeat-x 0px 0px;
}