ホームページビルダー・グレート初心者講座

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座≠ヨグレート初心者講座 質問掲示板へ

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   
トップページ > 記事閲覧
一部リンクのスタイルシート利用法
日時: 2005/03/12 14:25
識別: IDzT2E0WHCzrU
名前: だい

こんにちは。

スタイルシートを利用して、同一ページの一部のリンクを変更したいと考えています。
具体的に、背景が黒なので、通常のリンクの色が白、既読リンクの色も白、マウスが乗ったときに背景を白でリンクの色を黒に変えたいと思っていますができません。通常リンクと既読リンクの色は変更できたのですが、マウスが乗ってもまったく変化しません。

<A href="index.html" class="option1" class"='option2"' class"='option1"'>
option1は、A.option1でリンクの色を白に。
option2は、A.option2:VISITEDでリンクの色を白に。
option3は、A.option3:HOVERで前景色黒、背景色白にしています。

このような設定はだめなのでしょうか?色々調べましたが、分かりません。
ビルダーはV9を使用しています。
よろしくお願いいたします。
メンテ

FDF
Re: 一部リンクのスタイルシート利用法 ( No.1 )
日時: 2005/03/12 15:38
名前: Newのり太

こちらの続きかな?
https://aimix.jp/hpbbbs/patio/patio.cgi?mode=view&no=1459

<style type="text/css">
<!--
A.option1{
color : white;
}
A.option1:VISITED{
color : white;
}
A.option1:HOVER{
color : black;
background-color : white;
}
-->
</style>


で、本文の該当箇所

<a href="hoge1.html" class="option1">あああああ</a>
メンテ
Re: 一部リンクのスタイルシート利用法 ( No.2 )
日時: 2005/03/12 16:06
名前: oioiooi  <oioiseven@hotmail.com>

<style type="text/css">
<!--
.option1 {
color: #FFFFFF;
background: #000000;
}
a:hover.option1 {
color: #000000;
background: #FFFFFF;
}
-->
</style>

<A href="index.html" class="option1">ほげ</a>

Mac IEではa:hover.option1 は効かないみたいだな。
つ〜ことで、のり太さんの方法を採用汁。

メンテ
Re: 一部リンクのスタイルシート利用法 ( No.3 )
日時: 2005/03/13 11:05
名前: だい
状態: 解決!

ありがとうございました。
できました。
これを応用すれば、いろいろできますね!!
がんばってみます。
メンテ

Page: [1]




ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved