Html研究
気に入った事はとことんやってしまいます。
ほどほどにしたいものデス。ヾ(´▽`*)ゝ
recent comment

最新の記事

月別アーカイブ

recent trackback

 幅広い画像


 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) |
コメント(7)
不思議な不正義/ どりーみー/ 不思議な不正義/ どりーみー/ 不思議な不正義/ どりーみー/ どりーみー/ 

comment
♥  
 どりーみーさんへ

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

【2007/11/27 19:29】 url[不思議な不正義 #-] [ 編集]

♥  不思議な不正義さん、
こんばんは
テンプレートを使っていただいてありがとうございます。

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

【2007/11/29 17:48】 url[どりーみー #JalddpaA] [ 編集]

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

【2007/12/06 21:23】 url[不思議な不正義 #-] [ 編集]

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

【2007/12/07 20:53】 url[どりーみー #JalddpaA] [ 編集]

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

【2007/12/17 20:09】 url[不思議な不正義 #-] [ 編集]

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

【2007/12/19 17:18】 url[どりーみー #JalddpaA] [ 編集]

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

【2008/09/12 14:45】 url[どりーみー #JalddpaA] [ 編集]

投稿













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




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



| ホーム |
ブログ内検索

RSSフィード

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

TB_People

カレンダー

05 | 2021/06 | 07
- - 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 - - -

ブロとも一覧

ブロとも申請フォーム

この人とブロともになる

リンク

author_name=Dreamy/album

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

最新の記事

月別アーカイブ

recent trackback

ブログ内検索

RSSフィード

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

TB_People

カレンダー

05 | 2021/06 | 07
- - 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