イラストなどを・・・
-
0 名前： はろげん ： 2006/04/05 13:40
- はじめまして。
今日HPを作り始めてそのHPはイラストを中心としたものにする予定なのですが
イラストを中心とするサイトでよく見られる、見たい画像の項目を選択したら
右側に「こちらに表示されます」と書いてる場所に画像が表示されて
画像項目は変わらず左にあるというのを自分もしてみたいのですがどうすれば出来るのでしょうか？
文章力がない故に判りづらいと思いますがどうぞご指導のほどをよろしくお願いいたします。
-
1 名前： 匿名希望 ： 2006/04/05 13:40
- フレームを使ってるんだと思います
-
2 名前： たけ ： 2006/04/05 13:40
- フレームでそうしているなら、こんな感じでしょうか。
フレームタグについては・・・
http://www.tagindex.com/html_tag/frame/index.html
▼index.html
<html>
<head><title>index</title>
</head>
<frameset cols="200,*" frameborder="0" framepadding="0" border="0">
<frame src="left.html" name="left">
<frame src="main.html" name="main">
<noframes>
<body>
フレーム対応のブラウザでご参照ください。
</body>
</noframes>
</frameset>
</html>
====================================================
▼left.html
<html>
<head><title>left</title></head>
<body>
<a href="mitaigazou1.html" target="main">見たい画像１</a><br>
<a href="mitaigazou2.html" target="main">見たい画像２</a><br>
<a href="mitaigazou3.html" target="main">見たい画像３</a><br>
</body>
</html>
====================================================
▼main.html
<html>
<head><title>main</title></head>
<body bgcolor="FF0000">
こちらに表示されます
</body>
</html>
====================================================
▼mitaigazou1.html
<html>
<head><title>見たい画像１</title></head>
<body bgcolor="FF0000">
見たい画像１<br>
<img src="" width="100" height="100" alt="見たい画像１">
</body>
</html>
====================================================
▼mitaigazou2.html
<html>
<head><title>見たい画像２</title></head>
<body bgcolor="FF0000">
見たい画像２<br>
<img src="" width="100" height="100" alt="見たい画像２">
</body>
</html>
====================================================
▼mitaigazou1.html
<html>
<head><title>見たい画像３</title></head>
<body bgcolor="FF0000">
見たい画像３<br>
<img src="" width="100" height="100" alt="見たい画像３">
</body>
</html>
====================================================
-
3 名前： S ： 2006/04/05 13:40
- >>2
>><noframes>
>><body>
>>フレーム対応のブラウザでご参照ください。
>></body>
>></noframes>
noframes要素に記述するのはそういう追い返しメッセージではなく、あくまで代替手段。
たとえば、その部分については
<noframes>
<body>
<a href="left.html">メニューへのリンク</a>
</body>
</noframes>
と書くべきところ。
参考）
http://www.asahi-net.or.jp/~SD5A-UCD/rec-html401j/present/frames.html#h-16.4.1
まあ、何かとFramesetによるフレームは問題が多いのでお奨めはしない。
参考）
http://car.s35.xrea.com/better/frame.php
追記）
>>2の場合、index.htmlはHTML4.01 Framesetの文書型宣言、それ以外はHTML 4.01 Transitionalの文書型宣言を文書頭に追加したほうがいいね。
http://www.asahi-net.or.jp/~SD5A-UCD/rec-html401j/conform.html#h-4.1
http://www.asahi-net.or.jp/~SD5A-UCD/rec-html401j/struct/global.html#version-info
-
4 名前： はろげん ： 2006/04/05 13:40
- 皆様ありがとうございました。
皆様に習ったことを生かして
よいHP作りを目指してきます。
本当にありがとうございました。
-
5 名前： たけ ： 2006/04/05 13:40
- Sさん、参考になりました。ありがとうございます。
