明日、学校のプロジェクトの Web サイトを配信する予定で、バグを調べているときに、使いやすさのレベルを上げるには、ヘッダーのアクティブなページの色を変更する必要があることがわかりました。
私は基本的なhtmlサイトでこれを行う方法をよく知っていますが、今はasp.NETマスターページを使用しています. masterpage.css 以外のスタイルシート
質問を簡単にするために:
リンクにカーソルを合わせると色が変わるようにしましたが、アクティブなページのリンクを別の色にして、ユーザーが常にどこにいるのかをユーザーに示したい(a:visitedではありません)。
これが私のコードです:
<nav class="navMain">
<ul>
<li><a class="a_home" href="Default.aspx">Hjem</a></li>
<li><a href="Kampanje.aspx">Om konkurransen</a></li>
<li><a href="Default.aspx"><img id="navPic" src="Pictures/header/Munch150.png" alt="munch logo" /></a></li>
<li><a href="Bildegalleri.aspx">Bidrag</a></li>
<li><a href="Infoside.aspx">Om oss</a></li>
</ul>
</nav>
そしてCSS:
.navMain {
position: relative;
bottom: 43px;
right: 80px;
height: 25px;
width: 1000px;
z-index: 100;
}
.navMain #navPic {
position: relative;
top: 93px;
width: 120px;
height: 125px;
}
.navMain a {
text-decoration: none;
color: black;
font-size: 1.5em;
}
.navMain a:hover {
color: rgb(255, 255, 255);
}
.navMain li {
list-style: none;
display: inline;
padding-left: 5em;
}
.navMain ul {
width: 1000px;
}
迅速な対応を望みます、ありがとう!