スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


スポンサー広告 | 【--------(--) --:--:--】 | Trackback(-) | Comments(-) | [編集]

画像の横に入れるテキストの上下位置を指定する方法

画像の横に入れるテキストの上下位置を指定する方法です。



画像の横にテキストをいれる方法がわからないって方は、画像の横にテキストを配置する方法を参考にしてくださいね。

参考①⇒画像の横にテキストを配置する方法


■主婦でも最速で情報起業家! ■究極の再販売マニュアル


■主婦でも最速で情報起業家! ■究極の再販売マニュアル


■主婦でも最速で情報起業家! ■究極の再販売マニュアル



上のように画像の横のテキストを上、真中、下というように自由に指定できます。

指定する場合は、画像の横にテキストを配置する方法で使った<img src>タグにalign属性を指定します。

テキストを上詰めに指定する場合(top)
<img src="画像ファイル" align="top">

テキストを中央にに指定する場合(middle)
<img src="画像ファイル" align="middle">

テキストを下詰めに指定する場合(bottom)<img src="画像ファイル" align="bottom">


青い文字の部分がalign属性となり、赤い文字の"top""middle""bottom"で位置を指定します。




さきほどの画像とタグは次のようになります。

テキストを上詰めに指定する場合(top)
<a href="リンク先のURL" target="_blank"><img src="画像ファイル名" align="top" border="0"></a>■主婦でも最速で情報起業家! ■究極の再販売マニュアル<br clear="all">

テキストを中央にに指定する場合(middle)
<a href="リンク先のURL" target="_blank"><img src="画像ファイル名" align="middle" border="0"></a>■主婦でも最速で情報起業家! ■究極の再販売マニュアル<br clear="all">

テキストを下詰めに指定する場合(bottom)
<a href="リンク先のURL" target="_blank"><img src="画像ファイル名" align="bottom" border="0"></a>■主婦でも最速で情報起業家! ■究極の再販売マニュアル<br clear="all">

上の画像はクリックすると他のURLに移動できるようにリンクを張ってありますが通常の画像の場合は青い文字の部分は必要ありません。

赤い文字の部分がalign属性で、テキストの位置を指定していますので、この部分を追加してください。
わかりにくいですが、align="**"の前と後に半角のスペースが入っています。
緑色の部分がテキストになります。

参考までに、 border="0"の部分は画像の枠線の表示に関するタグです。詳しくは「画像に枠線をつける方法」を参考にしてください。
<br clear="all">は、テキストの回り込みを解除するタグです。

参考②⇒画像に枠線をつける方法


画像とテキストの間にスペースを入れたほうが読みやすくなると思います。
スペースを入れると次のように表示されます。

スペースを入れる場合は、「画像とテキストの間にスペースを入れる方法」を参考にしてください。

参考③⇒画像とテキストの間にスペースを入れる方法


■主婦でも最速で情報起業家! ■究極の再販売マニュアル


■主婦でも最速で情報起業家! ■究極の再販売マニュアル


■主婦でも最速で情報起業家! ■究極の再販売マニュアル




うわ!下がってる(涙)⇒人気ブログランキング
スポンサーサイト


タグ | 【2007-08-01(Wed) 12:19:19】 | Trackback:(0) | Comments:(0) | [編集]
コメント
コメントの投稿


管理者にだけ表示を許可する

トラックバック

この記事にトラックバックする(FC2ブログユーザー)


Copyright © アフィリエイトしましょ!!! All Rights Reserved. Powered By FC2. 
skin:*cuteblog*   
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。