ホームページ作成 質問過去ログ

                                Page     232
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   通常モードに戻る  ┃  INDEX  ┃  ≪前へ  │  次へ≫   
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ▼テキストリンクに関するご相談  you 03/11/1(土) 9:57
   ┗Re:テキストリンクに関するご相談  105 03/11/1(土) 21:26
      ┗Re:テキストリンクに関するご相談  you 03/11/5(水) 9:05
         ┗Re:テキストリンクに関するご相談  105 03/11/6(木) 0:12
            ┗Re:あきらめたはずが・・・(笑)  you 03/11/6(木) 10:17
               ┗Re:お遊びで  105 03/11/6(木) 22:41
                  ┗Re:お遊びで  you 03/11/7(金) 8:49

 ───────────────────────────────────────
 ■題名 : テキストリンクに関するご相談
 ■名前 : you
 ■日付 : 03/11/1(土) 9:57
 -------------------------------------------------------------------------
   ご相談です。

テーブルで組んだテキストにリンクをはる際、背景色を変えるというCSSを利用しようと考えています。
ただ、このCSSだと、「テキストのある範囲」の背景色が変わるため、例えば”中央揃え”にしたテキストだと、でこぼこ感があります。
空白を挿入しても、IEだと何事もない(?)のですが、NNだと空白部分にまで下線が引かれてしまいます。

これを、「テキストのある範囲」ではなく「テーブルの範囲」にすることは出来ないでしょうか?

※ちなみに現状は、テキストリンク部分を「画像」にし、JavaScriptで制御するかたちになっています。
 ───────────────────────────────────────  ■題名 : Re:テキストリンクに関するご相談  ■名前 : 105  ■日付 : 03/11/1(土) 21:26  -------------------------------------------------------------------------
   ▼youさん:

>テーブルで組んだテキストにリンクをはる際、背景色を変えるというCSSを利用しようと考えています。

こんばんは。
実際に見てみないと、ちょっとわかりません。
スクリプトとCSSの併用になると思いますが
CSSの内容によっても違ってきますので
できればページのアドレスを教えていただくか
サンプルページを作ってみてください。
 ───────────────────────────────────────  ■題名 : Re:テキストリンクに関するご相談  ■名前 : you  ■日付 : 03/11/5(水) 9:05  -------------------------------------------------------------------------
   お返事、遅くなりました。

あれから悩んでみたのですが、あんまり凝る必要がないかな、と判断してその処理をするのを見送りました。
まぁ仕事上のものですし・・・(笑)
自分のHP(現在作成中)でやる時に、再度質問いたします。

3年ものブランクは、結構きついですね。

これからもお世話になりますので、よろしくお願いします。
 ───────────────────────────────────────  ■題名 : Re:テキストリンクに関するご相談  ■名前 : 105  ■日付 : 03/11/6(木) 0:12  -------------------------------------------------------------------------
   ▼youさん:
>あれから悩んでみたのですが、あんまり凝る必要がないかな、と判断してその処理をするのを見送りました。
>まぁ仕事上のものですし・・・(笑)

よくよく考えたらいいかというのはよくありますよね。

>3年ものブランクは、結構きついですね。

たしかに1年以上離れてると、新しい言葉なり仕組みなりが
溢れてて頭いっぱいになっちゃいます。涙を流した数だけ
ブランクが埋まるのが早いとかなんとか。
 ───────────────────────────────────────  ■題名 : Re:あきらめたはずが・・・(笑)  ■名前 : you  ■日付 : 03/11/6(木) 10:17  -------------------------------------------------------------------------
   方法を見つけましたので、ちょっとご報告に来ました。

テーブルには<onMouse><onMouseout>で、「マウスが来たら背景色変えて、マウスが去ったら元に戻すのよ」、と指定しておき、CSSの方で、
      a:hover {width:100%;}
と設定したら、リンクするときにセルの範囲いっぱいいっぱいがリンクとなりました!
※ここではドリームウェーバーを使用しているので、あとはプロパティでリンク先等”誰でも”変更可能です。

使い方があってるかどうかは疑問ですが、意図していたことが出来たので、一応ご報告でした(笑)
 ───────────────────────────────────────  ■題名 : Re:お遊びで  ■名前 : 105  ■日付 : 03/11/6(木) 22:41  -------------------------------------------------------------------------
   ▼youさん:
>      a:hover {width:100%;}

これは使ったことなかったです。
ということで、ちょっとテストを。
※同じく仕様未確認です。

http://www.shoshinsha.com/hp/test.html

強引に
A:hover{ background-color:#ccccff; width:100%; color:white;}
を追加しただけなのですが、こういう感じでしょうか?
このパターンだとスクリプト要らずで簡単っぽいのですが
NN7系はダメみたいです。
※下線がないのは前のサンプルの名残です。
 ───────────────────────────────────────  ■題名 : Re:お遊びで  ■名前 : you  ■日付 : 03/11/7(金) 8:49  -------------------------------------------------------------------------
   ▼105さん:
>強引に
>A:hover{ background-color:#ccccff; width:100%; color:white;}
>を追加しただけなのですが、こういう感じでしょうか?

そうです、そんな感じです!

>このパターンだとスクリプト要らずで簡単っぽいのですが
>NN7系はダメみたいです。

やはりそこの壁にぶち当たりますよね(笑)
onMouseなんかの指示はちゃんとNN7でも聞いてくれているので、背景色はこちらで指定することにします。リンクの幅はしょうがないですね。
ありがとうございました!
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━    通常モードに戻る  ┃  INDEX  ┃  ≪前へ  │  次へ≫    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━                                 Page 232