すべてのカテゴリ » インターネット・パソコン » 技術・プログラミング

質問

終了

HP作りに詳しい方お願いします。
イラストと文字を1つのページに出したいのですが、
現在一般的な感じの見た目で、画像の横にイラスト説明の文字をつけるということをしています。
しかし、ブラウザサイズが幅800とかの方だとどうしても、画像幅によってはその横に書いた文字がおかしな改行になってしまったり…という状態です。
画像だけを表示させるならブラウザサイズに勝手に縮小されていいのですが、そうではなく説明もつけたいと思ってます。
ちょっと説明が分かりづらいかもしれないですが…
ブラウザサイズに関わらず、画像+コメントがどのサイズのブラウザから見てもキレイなデザイン(?)で見えるhtml等あったら教えてください。
ブランクで新ページを開く“かのように”、画面中央にそのページを浮かび上がらせるとか…(実際には同じページのまま)その他オススメテクニックがあれば。
現在、フレームでメニューから選択してイラストページを隣に出すようにしています。

===補足===
テーブルタグでの回答をいただきましたが、質問内容が伝わっていないのかもしれないのですが、現在それをしている状態です。
フレームメニュー幅+画像が大きいので、ブラウザサイズの小さい方には見づらいという状態です。
並べる方法を聞いているのではなく、
上でも説明していますが(分かりづらいですが)、
今までそういう感じで同じページに浮かび上がる?ようなのを見たりしたことがあるので、
そのものでなくても良いのですが、そういう特別な方法を知りたいのです。

あと、タグなりタグが記載されたURLを教えていただけると嬉しいのですが…。
言葉で「~というのがある」だけだと結局分からないので。。。

  • 質問者:絵師
  • 質問日時:2009-06-26 01:10:37
  • 0

回答してくれたみんなへのお礼

ありがとうございました。
早速試したいと思います。

並び替え:

「同じ頁に浮き上がる」というと↓このデモ頁で見られるような表示方法でしょうか?
http://www.css-lecture.com/template/2009/0611/
設置方法については同じサイトの↓こちらに解説があります。
http://www.css-lecture.com/log/javascript/superbox.html

Lightboxという単語で検索すると、他にも似た動作をするJavaScriptが多数見つけられると思います。

  • 回答者:ベス (質問から24時間後)
  • 0
この回答の満足度
  
とても参考になり、非常に満足しました。回答ありがとうございました。

画像の大きさや説明文の長さにもよると思うんですけど、
たぶん画像も大きめで説明文も長め、ということでしょうか?

こちらに、画像のサムネイルにマウスオンで同じページに拡大表示できるjavaスクリプトが置いてありますよ。見やすいかと思いますがいかがでしょう?
http://www2s.biglobe.ne.jp/~iryo/java/blog/index.html (画像処理の9番)

  • 回答者:ジャバジャバ (質問から14時間後)
  • 0
この回答の満足度
  
とても参考になり、非常に満足しました。回答ありがとうございました。

TABLEタグで枠をサイズ指定で作ればブラウザのサイズが変わっても枠の大きさは変わりません。枠の線も消したり出来るので整形するのに使います。

  • 回答者:匿名希望 (質問から10時間後)
  • 0
この回答の満足度
  
やや参考になりました。回答ありがとうございました。

私もしたの方と同じで枠をうまく使うことだと思います。
環境は人それぞれ違うので、難しいですね。

  • 回答者:ozon (質問から10時間後)
  • 0
この回答の満足度
  
やや参考になりました。回答ありがとうございました。

一般的な手法ですが、表を作成して配置する方法があります。
枠線を表示しなければとなりに配置してあるように見えます。

  • 回答者:匿名希望 (質問から6時間後)
  • 0
この回答の満足度
  
やや参考になりました。回答ありがとうございました。

関連する質問・相談

Sooda!からのお知らせ

一覧を見る