タグで作った額縁
table(表)を使って写真に額縁を付けることができます。
以下がそのソースとなります。
alt="代替文字"は、画像が表示されない時に替わりに表示される文章(画像の説明等)です。必ず入れるようにしましょう。内容のないようなものは(装飾用の画像)、alt="" のようにしておきます。ただし、画像の説明やタイトルが本文中にあるような時にはなるべく重複しないようにしましょう。
title="写真の題名"を入れると、Mac用ブラウザで吹き出しの説明が表示されるようになります。
<table border="20" cellspacing="15" cellpadding="1" bgcolor="#800000">
<tbody>
<tr>
<td>
<table border="0" cellspacing="0" cellpadding="30" bgcolor="#ffffff">
<tbody>
<tr>
<td>
<img src="a.jpg" alt="代替" title="題名" width="320" height="240" border="0">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
|
しかし、外側の枠はグレーで表示されあまりおもしろくありません。これに色を付けるのは、 bordercolor=というタグを使えば出来ます。ところが・・・。
|
|
Internet Explorer (Mac版) では、以下の外側の枠の色指定 (bordercolor) がベタ (1色) に
なって、中と外の区別がつかないという難点があります。
<table border="20" bordercolor="#800000" cellspacing="10" cellpadding="1" bgcolor="#800000">
<tbody>
<tr>
<td>
<table border="0" bordercolor="#800000" cellspacing="0" cellpadding="30" bgcolor="#ffffff">
<tbody>
<tr>
<td>
<img src="a.jpg" alt="代替文字" title="題名" width="320" height="240" border="0">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
|