Home > 未分類 > table

table

  • Posted by: admin
  • 2010年3月17日 12:19 PM
  • 未分類

tableの表示でなんだか崩れる……。

しかもCSSは使われない…。そんな状況の中、
一つのボックスに、例えば画像を2つ、それに文章を付けたいとしよう。

こんな感じで
1

その場合のhtmlはこんな感じになる。

<table width=”801″ height=”304″ border=”1″>
<tr>
<td width=”250″ align=”center” valign=”top” bordercolor=”#333333″ bgcolor=”#FFFFFF”><div align=”center”><img src=”画像URL” width=”233″ height=”195″> </div>
<p align=”left”><img src=”画像URL” width=”50″ height=”40″ align=”left”></p>
<p> </p>
<p align=”left”>題名</p>
<p align=”left”>テキスト</p></td>

<td width=”250″ align=”center” valign=”top” bordercolor=”#333333″ bgcolor=”#FFFFFF”><div align=”center”><img src=”画像URL” width=”233″ height=”195″> </div>
<p align=”left”><img src=”画像URL” width=”50″ height=”40″ align=”left”></p>
<p> </p>
<p align=”left”>題名</p>
<p align=”left”>テキスト</p></td>

<td width=”250″ align=”center” valign=”top” bordercolor=”#333333″ bgcolor=”#FFFFFF”><div align=”center”><img src=”画像URL” width=”233″ height=”195″> </div>
<p align=”left”><img src=”画像URL” width=”50″ height=”40″ align=”left”></p>
<p> </p>
<p align=”left”>題名</p>
<p align=”left”>テキスト</p></td>

</tr>
</table>

こうすると一番目の画像が真ん中指定

二番目の画像左指定

文章が左指定となる

[お知らせ]twitterアカウント(gogo_kato)能代の何処からでもツイートします!

Comments:0

コメントフォーム
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://adblog.55w.jp/2010/03/17/table/trackback/
Listed below are links to weblogs that reference
table from ゴーゴーウェブマーケットADブログ

Home > 未分類 > table

ブログ内検索
フィード
メタ

上に戻る(トップ)