[リストへもどる]
一括表示

投稿時間:2002/09/15(Sun) 23:42
投稿者名:れん
Eメール:
URL :
タイトル:
Re: テーブルごとリンクにしたいのですが
しまった!!
文章中にイメージタグを書いてしまいました。
こちらに訂正した文章を書きますね。

むじゃきさん、こんばんは♪
HTMLの事で教えて欲しいのですが。
まず、お気に入りの写真があります。300×300ピクセルくらいの。
そして、この写真をクリックすれば指定したページにジャンプできるようにしたいのですが・・・。

単純にこれをリンクに使うだけなら、<a href="〜"><img src="〜"></a>ですが、私はこの写真のど真ん中に、一行どうしても言葉を入れたいのです。
が、うちにある文字入れ可能な画像ソフトと言えば、ペイントだけです。あれは使い方がよく分からなくて・・・(^^ゞ
仕方なく、テーブルを組んで、背景に写真を設定し、文字をテーブルの真ん中に配置する事で、見せかけ上は完成したのですが・・・
問題は、リンクです。
テーブルの背景である写真(と、もちろん一行の文字)をクリックしたら指定したページへ飛ぶようにしたいのですが、どうタグを書いても上手くいきません。
<table><a href="URL"><td background="写真">〜</td></a></table>としても、IEでは一応ジャンプできるのですが、カーソルの表示が手に変わらないのでとても分かりにくいし、ネスケやオペラでは全くジャンプできません。そもそもリンクと見なされていない感じです。

この説明で状況が伝わりましたでしょうか・・・(汗)
どのようにタグを書けばいいのでしょうか。よろしくお願いいたします。<(_ _)>

投稿時間:2002/09/16(Mon) 01:51
投稿者名:むじゃき
Eメール:
URL :
タイトル:
Re^2: テーブルごとリンクにしたいのですが
すべてのブラウザーで・・・となると、これは難しいですね。
最新のブラウザーだけでいいのなら、DHTMLを使うという手があります。

<Table onclick="location.href='ジャンプ先URL'" Style="cursor: hand">
<tr>
<td background="写真">〜</td>
<tr>
</Table>

これでセル(マス目)をクリックすればジャンプできるようになります。
ただし、古いネスケではジャンプ出来なかったり、カーソルが変わらなかったりします。
これは、当HPのフレームメニューやソフトの更新情報欄でも使っている手法です。

スタイルシートを使って文字を画像の上に表示させるという方法もありますが、こちらも古いブラウザーではレイアウトが崩れてしまいます。

> あれは使い方がよく分からなくて・・・

2号店にペイントを使った文字入れの方法を載せていますので、参考にしてみて下さい♪
HP素材の作り方

作りかけで放置してあるコンテンツですが・・・(汗)

ペイントで文字入れする時は、次の部分の下の方をクリックして選択しておけば背景を透過して文字入れができます。

投稿時間:2002/09/16(Mon) 20:41
投稿者名:れん
Eメール:
URL :
タイトル:
Re^3: テーブルごとリンクにしたいのですが
むじゃきさん、ありがとうございますぅ〜☆ (* ̄▽ ̄*)ノ゛

> すべてのブラウザーで・・・となると、これは難しいですね。
そうなんですね・・・。
誰でもやりそうなことだと思っていたのですが(^^ゞ

結局、教えていただいたとおりにDHTMLを使いまして、IE(但し6.0しか確かめてませんが)では思っていたとおりに仕上がりました。感謝ですぅ☆
オペラでは、カーソルの形は変わらないものの、写真をクリックしたらきちんと次のページに行きました。
問題はネスケでして、全然ダメでしたので、文字部分にもリンクを貼ることにしました。「写真をクリックしてもリンクしない場合は文字をクリックして下さい」と注釈を添えて・・・(* ̄▽ ̄*ゞ
リンク(ロケーション)の中にリンクという形になりましたが、一応普通に動作しているみたいなので、大丈夫ですよね・・・?

ペイントの方にも、挑戦してみたいと思います。
ありがとうございました♪ <(_ _)>

投稿時間:2002/09/17(Tue) 21:28
投稿者名:むじゃき
Eメール:
URL :
タイトル:
Re^4: テーブルごとリンクにしたいのですが
> 誰でもやりそうなことだと思っていたのですが(^^ゞ

すべてのブラウザーで同じ表示や動作を求めると、結局全部画像になってしまいますねぇ。。。
文字の大きさや書体も変わってしまう場合がありますから・・・

> リンク(ロケーション)の中にリンクという形になりましたが、一応普通に動作しているみたいなので、大丈夫ですよね・・・?

一応大丈夫です。
ターゲットフレームの指定があると、空白ページが余分に開く場合がありますが・・・

本当はJAVAScriptを使って切り替えると良いのですが、そこまでするならフリーのペイントソフトなどを使って文字入れした方がいいかもしれませんね(苦笑)