スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
スポンサーサイト/--/--/-- --:--/スポンサー広告/ トラックバック(-)/コメント(-)

白い紫陽花

aji1.gif

スポンサーサイト
白い紫陽花/2005/05/17 15:09/[ライフ]花/ トラックバック(1)/ comment(4)

芍薬

2005-6-11.jpg

綺麗に咲きましたヾ(´▽`*)ゝ
芍薬/2005/06/12 22:39/[ライフ]花/ トラックバック(0)/ comment(10)

紫陽花

2005-6-27-2.jpg

白くていい感じにたくっさん咲いてくれました
紫陽花/2005/06/27 11:34/[ライフ]花/ トラックバック(0)/ comment(5)

forest9-15.jpg

【More Open】
/2006/09/15 16:25/[ライフ]花/ トラックバック(0)/ comment(2)

幅広い画像

 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 09:48/[ライフ]花/ トラックバック(0)/ comment(7)
| ホーム | 次ページ

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