携帯アクセス解析
身の回りに起こるへんてこなこと。
私自身のへんてこなこと。
【 Information 】

・当ブログはリンクフリーです。相互リンクご希望の方は下方にある、メッセージフォームをご利用下さい。
・リンク用バナーが必要な方は↓を「名前をつけて保存」でご使用下さい。

Blogへんてこバナー

・このWeblogはOS・WindowsXP、ブラウザ・IE7とSleipnir、CRTモニター19インチ/解像度1024×768pxeで確認しています。液晶モニターの方には見え難いかもしれませんがお許し下さい。


BLOGへんてこをRSSリーダーに登録
BLOGへんてこをRSSリーダーに登録
---------------------------------- ----------------------------------

簡単!フォトショ講座


BLOGへんてこの過去記事
2007.4.20までの過去の日記です


once more again
JUGEMテンプレ改造のお手伝い

----------------------------------
【 Message 】
なまえ
メール
メッセージ
メールフォーム レンタルサーバー
----------------------------------
BlogPet




PROFILE

OTHERS
無料ブログ作成サービス JUGEM





カウンター

<< 表組みで出来ることvol.1 | main | ヤフオク >>

スポンサーサイト


一定期間更新がないため広告を表示しています

スポンサードリンク * - * * - * - Yahoo!ブックマークに登録 ▲page-top

表組みで出来ることvol.2


昨日の記事で紹介した左列に写真、右列に文字ですが、これは写真の回りこみでもできます。では、どのように違うのか具体的に書いてみようと思います。



熊本県 大矢野
野釜島
2006.5.15撮影


↑はJUGEMの画像アップロード画面にて、写真を左寄せにしたものです。
.pict {
border: none;
margin: 5px 5px 0px 5px;
display: block;
text-align: center;
}
cssで上記のように設定してある為、文字と写真の間に余白が生まれていますが、前もってmarginの設定が無い場合は、写真と文字がくっついてしまいます。

※写真と文字の間に余白が無い例はこちらのページでご覧下さい。

では、xfyで表組みにすると他にどういうことが出来るのでしょうか?
1.枠線有り

熊本県 大矢野
野釜島
2006.5.15撮影


2.枠線無し

熊本県 大矢野
野釜島
2006.5.15撮影


3.枠線無し+背景色

熊本県 大矢野
野釜島
2006.5.15撮影


4.枠線無し+背景色+画像のふちどり

熊本県 大矢野
野釜島
2006.5.15撮影


5.枠線無し+文字位置トップ

熊本県 大矢野
野釜島
2006.5.15撮影


5.枠線無し+文字位置アンダー

熊本県 大矢野
野釜島
2006.5.15撮影


表組みを使うと画像の回り込み設定だけでは出来ない、文字位置の指定や、背景色の指定などができ、レイアウトがし易くなります。
管理人 * xfy Blog Editor * 14:58 * comments(0) * trackbacks(0) Yahoo!ブックマークに登録 ▲page-top

スポンサーサイト


スポンサードリンク * - * 14:58 * - * - Yahoo!ブックマークに登録 ▲page-top
◇■◇コメントありがとう◇■◇













◆クッキーに登録すると、以降の書き込み時にお名前やアドレスの記入が不要になります


この記事のトラックバックURL
http://blog-henteko.jugem.jp/trackback/708

この記事に対するトラックバック

▲page-top
/