【解説】写真の上に、アイコン（ボタン）を乗せる

100万ポイント山分け！1日5回検索で1ポイントもらえる

154993

HOME | DIARY | PROFILE

【フォローする】【ログイン】

Freepage List

タグのテスト

< 新しい記事

新着記事一覧(全345件)

過去の記事 >

2005.10.26

(10)

テーマ：ホームページ作成の悩み(549)

カテゴリ：楽天ブログ便利帳

●「画像」の上に「アイコン（ボタン）」を置く●
●「アイコン（ボタン）」に「リンク」を張る●

●「アイコン（ボタン）」に「リンク」を張る●
詳しくはこちら→ 【タグ帳】画像・リンク

■ 「リンク」を貼る

同じページ
<a href='移動先のアドレス'>文字・画像</a>

別窓を開いて移動
<a href='移動先のアドレス' TARGET="_blank">文字・画像</a>

■ 「アイコン」を貼る

<img src='画像のアドレス'>

リンクの外枠（青線）を消す
<img src='画像のアドレス' border="0">

これの組み合わせです。

■ 「アイコン」に「リンク」を貼る

●写真の上に、アイコンを乗せる●

★テーブル・タグを使います。
「テーブル（一つの枠）」を作り、その背景に「画像」を表示される。

「小さい画像」を並べて表示させる。

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

<table background="画像のアドレス" width="500" height="300" align="center">
<TR><TD>
ここアイコンや文字を入れる。
</TD></TR></TABLE>

背景の画像→

【楽天ブログ便利帳】

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

「一枚の写真」を表示させる。

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

<table background="写真のアドレス" width="300" height="400" align="center">
<TR><TD>
ここアイコンや文字を入れる。
</TD></TR></TABLE>

【楽天ブログ便利帳】

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

●解説●

テーブルの背景に、画像を表示させる。

■ テーブルの背景

background="写真のアドレス"

（写真が縦横に並びます）

「テーブル（枠）」の大きさを指定します。

■ 横幅

width="300"

■ 高さ

height="400"

好きな大きさにして下さい。
ただし、一枚の写真として表示したい時は、
「テーブル（枠）の大きさ」と、「写真の大きさ」を、同じにします。

■「テーブル（枠）」の左右の位置

中央：align="center"
左　：align="left"
右　：align="right"

●おまけ●

■「テーブル（枠）」の中での、アイコンや文字の、縦（上下）での位置
<TR>の部分を、次の様に変えて下さい。

上に揃える　：<tr valign="top">
中央に揃える：<tr valign="middle">
下に揃える　：<tr valign="bottom">

例：「テーブル（枠）」の、上で揃える。

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

<table background="写真のアドレス" width="500" height="300" align="center">
<tr valign="top"><TD>
ここアイコンや文字を入れる。
</TD></TR></TABLE>

【楽天ブログ便利帳】

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

【ブログランキング】
今日もクリック（投票）してニャ＾＾