スポンサーサイト

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

幅広い画像

 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)

comment

 どりーみーさんへ

シクラメンの花を勝手に使用しましたが今始めてあなたのブログ見てシクラメンの写真が出てきてびっくりしました。よろしいのでしょうか?木の葉は銀杏でしょうか。テンプレート作成のプロさんですか?よろしくお願いします。余りにも見事な美しさに何も考えず直ぐ採用した次第!有難うございます。

不思議な不正義 #-/2007/11/27(火) 19:29:42/URL[ 編集]

不思議な不正義さん、

こんばんは
テンプレートを使っていただいてありがとうございます。

葉は銀杏にも見えますか?(笑)実はアジアンタムの一本なのです。
これからもよろしくお願いいたします。

どりーみー #JalddpaA/2007/11/29(木) 17:48:12/URL[ 編集]

  どりーみー様
難しい花ですね?シクラメンしか知らず恥ずかしい、すっかり気いりました、有難うございます。
感謝の気持ちを責めて更新してランク上位に上がるべく努力します、「どりーみー」産の面子にかけて!では今後も沢山の新作作成を祈ります。
Dear-Sir--dreamy. Good-by.

不思議な不正義 #-/2007/12/06(木) 21:23:27/URL[ 編集]

不思議な不正義さん、ありがとうございます。
また頑張りますね。


どりーみー #JalddpaA/2007/12/07(金) 20:53:09/URL[ 編集]

コメントの修正は出来ないのですか?色つきの文字をドラッグしないで送信してます、その場合「色つきの文字」が先に記載されてます。


不思議な不正義 #-/2007/12/17(月) 20:09:34/URL[ 編集]

不思議な不正義さん、こんにちは
コメントの訂正ができないでしょうか?
ひとつの原因はパスワードを入れてないと修正できないということはありますね。

どりーみー #JalddpaA/2007/12/19(水) 17:18:05/URL[ 編集]

テスト

太字の文v-4コメントテストです色付きの文字打ち消しの文下線の文斜体の文太字の文v-4コメントテストです色付きの文字打ち消しの文下線の文斜体の文

どりーみー #JalddpaA/2008/09/12(金) 14:45:41/URL[ 編集]

投稿















管理者にだけ表示を許可する

trackback

trackback url ↓

http://dreamy.blog2.fc2.com/tb.php/90-0f48ff89


| ホーム |

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