- ベストアンサー
TABLEを利用したリンクの方法
TABLEのTD内全てをリンク範囲とし、カーソルを上に持っていくと背景色が変わるようなソースを探しているのですが、なかなか見つけることが出来ません。ＭＳＮニュースのメニュー部分のようなものを探しています。 参考ページ・MSNニュース http://news.msn.co.jp/articles/snews.asp?w=110824 御存知の方、お手数ですが宜しくお願い致します。
- takeyoshi
- お礼率33% (1/3)
- JavaScript
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
その他の回答 (2)
- starjet
- ベストアンサー率38% (10/26)
- starjet
- ベストアンサー率38% (10/26)
A:hover { color:○○○; text-decorationion:none;background-color:○○○} を応用してどうにか……ならないかも。。ごめんなさい。 テーブルの大きさをちっちゃめにして文字がそのなかいっぱいに表示できるようにすれば、MSNのとこみたいに なるかも。。 http://crafts.jp/~momojam/hp.htm#link ↑ここから引っ張ってきました。
お礼
お返事が遅れてしまい申し訳ありませんでした。 お礼の意味も込めて完成したものをお見せしたかったのですが、 時間が足りず、結局、習得しきれませんでした。 なんとか今後も勉強して、これをものにできるように努力します。 御両人、御対応有難う御座いました。
関連するQ&A
- 危険信号
下記ＵＲＬ記事中の「危険信号」とはどういうものなのでしょうか？ http://news.msn.co.jp/articles/snews.asp?w=471504 よろしくお願いします。
- ベストアンサー
- その他（ホビー・玩具）
- 報道にあった自宅で巡航ミサイルを作ってる人のHP
自宅で巡航ミサイルを製作中の人がいるとの報道がありました。その人は自分のHPに作り方ものせているそうですが、どうやって作るつもりなのか見たいです。 HPを御存じでしたら教えて下さい。 もとの報道はこれです。 http://news.msn.co.jp/articles/snews.asp?w=488497
- ベストアンサー
- ニュース・時事問題
- テーブルの背景画像にリンクを設定したい
ナビゲーションボタンを配置するのに、テーブルで、 tdの背景画像として同じ画像を設定しました。 メニューはテキストで記述しました。 そのテキスト部分ではなく、背景画像にリンクを 設定したいのですが、できますでしょうか。 テキストは左寄せで短いものもあるので、 テキストリンでは、ボタンの右の方をクリックしても リンクせず、使い勝手が悪いかと思いまして・・。 文字も込みの画像でボタンを作るとどうも鮮明でない ような気がしたので、このようなやり方にしようかな と考えたのですが、何かいいアドバイスありましたら よろしくお願いします。
- ベストアンサー
- HTML
- tableの中のtableの表示と外側（大きい方）のtableに背景画像を表示させる方法
非常にわかりにくいタイトルで申し訳ありません。tableの中にtableを入れて、外側（大きい方）のtableだけ背景画像を表示させたいのですがどのようにすればいいのでしょうか？下記ソースまでは作ったのですが、中（小さい方）のtableがなぜか右よりになってしまいます。小さいtableを真ん中にして、そのtableの周りを画像で囲みたいのですがどのようにすればいいのでしょうか？もちろん、下記ソースでなくても全然かまいません。htmlはまだまだ勉強中で詳しい方からすれば非常に見難いソースで申し訳ありませんが、ぜひお力添えいただけたらと思いますのでよろしくお願いします。 ↓ソース <html> <head> <body> <title>タイトル</title> <TABLE background="画像jpg"><TD width="10%" height="10%"><TR></TD><TD height="100%"></TD><TD width="100%" height="100%"><TD width="100%"><TD> <TABLE border width="600" height="100%" bgcolor="white"> <TR> <TD> 文章 </TD> </TR> </TABLE> </CENTER> </body> </html>
- ベストアンサー
- ブログ
- TABLEでのリンクについて
画像の中の指定した部分から違うページへリンクさせたくて <img src="image/ie.gif" width="550" height="285" border=0 usemap="#map1"> と入力してその後に <map name="map1"> <area shape="rect" coords="249,169,295,220" href="link.htm"> </map> としてリンクさせました。 その後に画像の上に違う画像を重ねたくて最初の画像をTABLEの背景にしようと思って <table background="image/ie.gif" width="550" height="285" border=0 usemap="#mapie"> と直しました。 そうすると画像を重ねる事はできたのですが、リンクができなくなってしまいました。 TABLEの背景画像からmapを使ってリンクさせる事はできないんでしょうか？それとも何か間違えていますか？ どなたかアドバイスをお願いします。
- ベストアンサー
- HTML
- セルからリンクを貼るのは間違いでしょうか？
テーブルの中のセルからリンクを貼っています。 htmlは下記のように記述しています <table> <tr> <a href="***"> <td>あいうえお</td> </a> </tr> </table> 「あいうえお」の部分にカーソルを載せると背景色が変わるonmouseoverを使用しているので、このような記載でいいのかとかんがえており、実際意図したように表示されるのですが、ホームページビルダーで読み込むとエラーになり、勝手にリンク部分の記載がエラー修正で直されてしまいます。 そもそもこういう書き方は間違いなのでしょうか？ 間違いだとすれば、どういう風に記載すればよいのでしょうか？
- ベストアンサー
- HTML
- テーブル自体にページ内リンク
テーブル自体にページ内リンクを貼りたいです。 以下のようにテーブルそのものにリンクを貼ると 正常に動作はするのですが、 htmlチェッカーで ”<table> を ×行目の <a>～</a> 内に書くことはできません。 ” という重大なエラーになってしまいます。 <a href="#r01">テーブルへ</a> <a name="r01" id="r01"><table class="table-01" summary="相談料金・弁護士費用のご案内"></a> そこで、以下のようにcaptionやthやtdにリンクを貼ってみたところ htmlチェッカーでのエラーは消えたのですが ブラウザによって正常にリンク先へ飛んでくれませんでした。 <caption><a name="r01" id="r01">××</a></caption> 上記だと、Firefoxだと正常に動きますがIEだと動きませんでした。 <th><a name="r01" id="r01">××</a></th> <td><a name="r01" id="r01">××</a></td> 上記だと、Firefox,IEともに正常に動きませんでした。 どのように修正したらいいのでしょうか？ ご教授お願いいたします！
- ベストアンサー
- HTML
- HTMLのリンクアンカーがおかしい？？？
開発中にふと気が付いたことなのですが、以下のソースをブラウザ（IE5.0）で表示すると、aaaだけ、TABLE内のアンカーの左右でもリンクするようになってしまうのですが、なぜなのでしょうか？？？ <html> <head></head> <body> <table border=0 cellpadding=3 width=730> <tr><td align=center><a href="help_10.asp" target="right"><h2>aaa</h2></a></td></tr> <tr><td align=center><a href="help_20.asp" target="right"><h2>bbb</h2></a></td></tr> <tr><td align=center><a href="help_35.asp" target="right"><h2>ccc</h2></a></td></tr> </table> </body> <html>
- ベストアンサー
- その他(ソフトウェア)
- CSSを使ってテーブルでセル全体をリンクしたい
CSSを使ってテーブルでセル全体をリンクしたい CSSを使ってテーブルでセル全体をリンクしたい・・・と思っています。 ４つのセル？を横並びにして（２段目は説明書き）、一つ一つ違うところに飛べるようにしたいのですけど、文字だけしかリンクできません。。。 block要素？を使うらしい？ということはわかったのですが、テーブル要素と組み合わせて使う場合どうしたらいいのでしょう？ 色々やってみたのですが、セルが縦並べになってしまったりメインのcolorがなくなってしまったり、形が大幅に崩れたりしてしまいました。 ホームページ作りもＣＳＳも初めてなので、なにをどうしたらよいか教えていただけると嬉しいです ソースをのっけておきます ＜ｃｓｓの方＞ table#table-01 { width: 600px; border: 0px #E3E3E3 solid; border-collapse: separate; border-spacing: 20px 0; } table#table-01 th { width: 130px; height: 70px; padding: 5px; border: #E3E3E3 solid; border-width: 1px 0 0 1px; background: #F5F5F5; font-weight: bold; line-height: 120%; text-align: center; } table#table-01 td { vertical-align: top; padding: 1px 3px 20px 0; border: 0px #E3E3E3 solid; border-width: 0; text-align: center; } ＜ｈｔｍｌの方＞ <table id="table-01" cellspacing="20px"> <tr><th>●●●●</th><th>▲▲▲</th><th>■■■</th><th>○○○</th></tr> <tr><td>●の説明</td><td>▲の説明</td><td>■の説明</td><td>○の説明</td></tr> よろしくお願いします
- ベストアンサー
- HTML
- テーブルの中のリンクにつく枠を消したい
ブログのカレンダーです。背景色のテーブルの中のリンク文字の周りに白い枠線ができてしまいます。枠線の取り方をご教授ください＞＜ ＊HTML＊ <table border="0" cellspacing="1" bgcolor="#ddd"> <tr><td id="calendar_${CALENDAR_CODE}"></td> </tr></table> ＊CSS＊ #calendar table {width: 698px;margin: 0px auto;background: #000000;color: #FFFFFF;} #calendar td {text-align: center;color: #ffffff;} #calendar td a {background: #000000; color: #FFFFFF;} #calendar td a:hover,#calendar td a:active {background: #888888;color: #FFFFFF;}
- 締切済み
- HTML
- プリンターが故障してしまい、B504のエラーが表示されて印刷ができません。
- キヤノン製品で起きたトラブルで、プリンターが正常に動作せず、エラーコードB504が表示される状況です。
- 印刷をしようとしたときにプリンターが故障し、B504のエラーコードが表示されています。
補足
starjetさん、御回答有難う御座います。 CSSの応用は試してみたのですが、どうしてもTD全体をリンク指定することが出来ませんでした（＾＾； 作っているサイトが頻繁にメニュー項目の拡張が必要になるので、OnMouseoverとOnMouseoutを利用した画像切り替えは厳しく、ＭＳＮニュースのような演出に魅せられたのですが・・・もう少し探してみようかと思います。 お手数お掛けしてしまい申し訳ありませんでした<(_ _)>