昨夜の続き(*´艸`) 
ぼんじゅーる“(`(エ)´)ノ彡☆ !!僕の最近のブログは普通に画像を投稿して画像の下にやや狭い幅で記事を書いてます☆彡 ここで使うのが<table>です。 一行三列の構成で真ん中の列をブログ記事の全体に対して幅の60%を指定します。 行が<tr>で列が<td>です。 両脇は残りの40%を半分ずつで20%を指定。。 先ずは普通に投稿した画像の下に持っていくには…コチラ↓ <table width=100% border=0 cellpadding=0 cellspacing=0><tr><td width="20%"></td><td width="60%"> <table>の幅=widthを100%にすることでブログ記事全体に対して100%を指定する事になるので画像の横では幅が足りないので自動的に下へ移動します。 本文や画像は下記の直下に書きます。 <table width=100% border=0 cellpadding=0 cellspacing=0><tr><td width="20%"></td><td width="60%"> 本文や画像はココにネ♪ 画像を狭めた幅に合わせるにはコチラ↓ <img src='画像URL' border='0' alt='' / width="100%">  width=100%って変に思うかもしれませんが60%に狭めた幅に対して100%指定する事によって幅ピッタリになります。 「画像」ボタンでリンクした時はデフォルトでwidthは指定されていません…指定しないで貼り付けると原寸で表示されるのでハミ出してしまう可能性大！？ なのでwidthは指定するのが無難です。 ちなみに幅=widthを指定すれば縦横比率を維持したまま高さも自動で調整されますのでwidthだけで良いです。 もうちょい小さめにしたいときはwidthを小さめに設定します。 <img src='画像URL' border='0' alt='' / width="50%"> そして末尾にはコチラ↓ </td><td width="20%"></td></tr></table> これで枠の指定を完了させます。 まとめ <table width=100% border=0 cellpadding=0 cellspacing=0><tr><td width="20%"></td><td width="60%"> ・本文 ・画像を挿入する場合は「画像ボタン」でタグを貼り付けてからwidthを追記 <img src='画像URL' border='0' alt='' / width="100%"> </td><td width="20%"></td></tr></table> だんだん昔やってたHPのカンが戻ってきたかな！？ PS：それでは昼飯喰ったら仕事に逝って来ます。。。 |
|
who's.amung.us カテゴリ：Analysis 2010/12/19 14:52:29 |
|
|
Hit! Graph カテゴリ：Analysis 2010/12/17 06:46:47 |
 |
しろたん (アウディ A1) こいつで運気UP！？ |
 |
ダイハツ ミラ これが初めての車。 |
 |
ホンダ シビック ATにして失敗。 |
 |
ホンダ シビック 1989年…VTECに感動です。 |
| 2021年 | |||||
| 01月 | 02月 | 03月 | 04月 | 05月 | 06月 |
| 07月 | 08月 | 09月 | 10月 | 11月 | 12月 |
| 2019年 | |||||
| 01月 | 02月 | 03月 | 04月 | 05月 | 06月 |
| 07月 | 08月 | 09月 | 10月 | 11月 | 12月 |
| 2018年 | |||||
| 01月 | 02月 | 03月 | 04月 | 05月 | 06月 |
| 07月 | 08月 | 09月 | 10月 | 11月 | 12月 |
| 2017年 | |||||
| 01月 | 02月 | 03月 | 04月 | 05月 | 06月 |
| 07月 | 08月 | 09月 | 10月 | 11月 | 12月 |
| 2016年 | |||||
| 01月 | 02月 | 03月 | 04月 | 05月 | 06月 |
| 07月 | 08月 | 09月 | 10月 | 11月 | 12月 |
| 2015年 | |||||
| 01月 | 02月 | 03月 | 04月 | 05月 | 06月 |
| 07月 | 08月 | 09月 | 10月 | 11月 | 12月 |
| 2013年 | |||||
| 01月 | 02月 | 03月 | 04月 | 05月 | 06月 |
| 07月 | 08月 | 09月 | 10月 | 11月 | 12月 |
| 2012年 | |||||
| 01月 | 02月 | 03月 | 04月 | 05月 | 06月 |
| 07月 | 08月 | 09月 | 10月 | 11月 | 12月 |
| 2011年 | |||||
| 01月 | 02月 | 03月 | 04月 | 05月 | 06月 |
| 07月 | 08月 | 09月 | 10月 | 11月 | 12月 |
| 2010年 | |||||
| 01月 | 02月 | 03月 | 04月 | 05月 | 06月 |
| 07月 | 08月 | 09月 | 10月 | 11月 | 12月 |
| 2008年 | |||||
| 01月 | 02月 | 03月 | 04月 | 05月 | 06月 |
| 07月 | 08月 | 09月 | 10月 | 11月 | 12月 |
| 2007年 | |||||
| 01月 | 02月 | 03月 | 04月 | 05月 | 06月 |
| 07月 | 08月 | 09月 | 10月 | 11月 | 12月 |
