上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
スポンサーサイト


[--/--/--]tb(-)/com(-)
2005-6-11.jpg

綺麗に咲きましたヾ(´▽`*)ゝ
芍薬


[2005/06/12]tb(0)/com(10)
2005-6-27-2.jpg

白くていい感じにたくっさん咲いてくれました
紫陽花


[2005/06/27]tb(0)/com(5)
 sikuramen.jpg

下に行ってしまうかな?

幅広い画像を入れたときメニューと離れて下のほうに行ってしまうのを防ぐ方法を考える為に大きい画像を入れてみました。

その方法の
ひとつはメニューと記事をTABLEに入れてTDで並べる。

二つ目はcssで2カラムとか3カラムに分けて画像の入れ物の幅を決めてそれ以上の右側をカットしてしまう。    overflow: hidden;  です。
ここではDIV STYLEでやってみました。
< div style="width:400px; overflow: hidden;"><a href="http://blog-imgs-27.fc2.com/d/r/e/dreamy/sikuramen.jpg" target="_blank"><img src="http://blog-imgs-27.fc2.com/d/r/e/dreamy/sikuramen.jpg" alt="sikuramen.jpg" border="0"> </a></div>

sikuramen.jpg




3番目は同じくcssで2カラムとか3カラムに分けて画像の入れ物の幅を決めてそれ以上はスクロールバーを付ける。    overflow: auto; または overflow: scroll;  ですね。
ここではDIV STYLEでやってみました。
< div style="width:400px; overflow: auto;"><a href="http://blog-imgs-27.fc2.com/d/r/e/dreamy/sikuramen.jpg" target="_blank"><img src="http://blog-imgs-27.fc2.com/d/r/e/dreamy/sikuramen.jpg" alt="sikuramen.jpg" border="0"> </a></div>
sikuramen.jpg





又4番目というかこれらの方法以前と言うべきかもしれませんが
元々の画像はクリックして見てもらうことにして 表示される画像のサイズの大きさを指定して元画像にリンクを貼るか、記事を投稿する時サムネール画像で記事を書く。と良いですね。


  
幅広い画像


[2007/11/05]tb(0)/com(7)

| ホーム | next次ページ

X

recent comment

最新の記事

プロフィール

dramy

  • Author:dramy
  • 気に入った事はとことんやってしまいます。
    ほどほどにしたいものデス。ヾ(´▽`*)ゝ

月別アーカイブ

recent trackback

カテゴリー

ブログ内検索

RSSフィード

*最新記事のRSS
*最新コメントのRSS
*最新トラックバックのRSS

TB_People

カレンダー

08 | 2017/09 | 10
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

ブロとも一覧

ブロとも申請フォーム

この人とブロともになる

リンク

Template production /preview
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。