個人用ページ作成中の質問
個人のウェブサイトの中で出会ういくつかの問題を制作して、ここで整理して、まとめます:1、リンクの破線の枠を取り除いて、IEとFireFoxの下でそれぞれ処理します:
2、ナビゲーションバーをCssで反転画像の効果を制御し、ページコードをきれいにする.
cssコード:
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;
}