macにｃｓｓが適用できない
-
0 名前： かず ： 2006/07/05（水） 15:22 ID:v5M4HQ4e
- いつも拝見させていただいております。
タイトルの件について質問させてください。
リンク色を変更しロールオーバーの状態にしたのですが、
そのページを選択しているリンクについては色が違うように設定したいとおもい、
通常のリンクとしてAタグにカラーを設定し、選択用リンクに10-9というクラス設定をして
二つのリンク設定をしました。
winでプレビューすると表示されませんでしたが、doctype設定をTAGINDEXサイトで調べ
URLを省いた指定（transitional）にすると表示が出来ました。
しかし、macで表示するとロールオーバーのみで選択用リンクがうまく動作していませんでした。
このような場合どのような方法を取ればwin、mac両方CSSを適用することができるのでしょうか。
下記にCSSと一部HTMLを記入いたします。
＜css＞
A:link { color: #333333;text-decoration: none;font-size: 10px;}
A:visited {color: #333333;text-decoration: none;font-size: 10px;}
A:hover { color: #999999;text-decoration: none;font-size: 10px;}
A:active {color: #999999;text-decoration: none;font-size: 10px;}
A.10-9:link { color: #999999; font-size: 10px;text-decoration: none;}
A.10-9:visited { color: #999999; font-size: 10px;text-decoration: none;}
A.10-9:hover { color: #999999; font-size: 10px;text-decoration: none;}
A.10-9:active { color: #999999; font-size: 10px;text-decoration: none;}
＜HTML＞
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title>aaa</title>
│
省略
│
<table cellspacing="0" cellpadding="0">
<tr>
<td height="25"><a href="aaa.html">》 aaa</a></td>
</tr>
<tr>
<td height="25"><a href="bbb.html">》 bbb</a></td>
</tr>
<tr>
<td height="20"><a href="ccc.html"> ・ccc</a></td>
</tr>
<tr>
<td height="20"><a href="ddd.html"> ・ddd</a></td>
</tr>
<tr>
<td height="20"><a href="ddd.html"> ・ddd</a></td>
</tr>
<tr>
<td height="20"><a href="eee.html" class="10-9"> ・eee</a></td>
</tr>
<tr>
<td height="25"><a href="fff.html">》 fff</a></td>
</tr>
<tr>
<td height="25"><a href="ggg.html">》 ggg</a></td>
</tr>
<tr>
<td height="25"><a href="hhh.html">》 hhh</a></td>
</tr>
<tr>
<td height="25"><a href="iii.html">》 iii</a></td>
</tr>
<tr>
<td height="25"><a href="jjj.html">》 jjj</a></td>
</tr>
</table>
│
省略
お知恵をお貸し下さい。よろしくお願いいたします。
-
1 名前： あの ： 2006/07/05（水） 15:22 ID:lKHRzitM
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
strictで上記を見た場合Winでもうまく表示されませんでしたが
クラス名を適当に「aaa」としてみたところできました
次にクラス名を「10」と数字だけにしてみると
うまく表示されませんでした
Macじゃないので確認できませんが
一度、クラス名英語にしてみて確認してみてください
-
2 名前： あの ： 2006/07/05（水） 15:22 ID:lKHRzitM
- すみません、追記です
このサイトにも書いてましたが
クラス名は「アルファベットで始まる、好きな半角英数字」を使うそうです
数字から始まってるからダメなのだと思います
-
3 名前： あの ： 2006/07/05（水） 15:22 ID:lKHRzitM
- 何度もすみません
そのページを選択してるときにそのページへのリンクが必要ないなら
リンク色を変えるより
リンクを切っておいたほうが早いのでは？
-
4 名前： かず ： 2006/07/05（水） 15:22 ID:v5M4HQ4e
- あの様
ありがとうございます。
MACで確認し表示出来ました。
数字がいけなかったんですね・・・。
リンクはどうしても必要だったためこのような方法を取っていたのです。
（メニューからその選択ページのTOPへ行きたかったため）
しかし、今考えるとただ単に選択したいところにHTMLでカラー設定するだけで
よかったのかも・・・。
でも、せっかく設定したので、すべてのページに変更していきます。
ほんとうに、ほんとうにありがとうございました。
