Translate

バナーの貼り付け

今日のテーマは「バナーを横並びに配置する方法」です
アフィリエイトやランキングサイトのバナーを、連続して配置すると
通常こんな感じに配置されてしまいます

ブログランキング・にほんブログ村へ
にほんブログ村 ネットブログ ネット情報へ





いろいろ方法はありますが、今回は<table>タグを使ってバナーを横並びに配置してみます


<table>タグは、本来の意味で言うと表とか票を作成表示するもので
 8月16日   来客90名   売上55,500円 
 8月17日   来客98名   売上60,230円 
 8月18日   来客85名   売上47,654円 

この様な表を作成することができます
(ここでは分かりやすくするために背景に色を塗っています)
この表のHTMLソースは








の様になっています。

つまり、バナーを横並びにしたい場合は
<table>
<tr><td>表示したいバナーのHTML</td><td>次に表示したいバナーのHTML</td></tr>
</table>
とすれば

ブログランキング・にほんブログ村へ

にほんブログ村 ネットブログ ネット情報へ
こんな感じに表示されるんです
この記事が少しでもお役に立てましたらブログランキングをクリックして応援していただければ幸いです。

ちなみに、
<tr>はTable Rowの略で、テーブルの横方向の一行を定義します。
<td>はTable Dataの略で、セル内容が「表示するデータ」となるデータセルを作成します。

コメントを投稿