ビジネス 勉強堂

ビジネス書、お金に関する本、ネットビジネスの技術系の本や教材を紹介します。

*

できすぎくんで画像をキレイに横に並べる もしもドロップシッピング

   

 こんばんは、神谷です。

 ショップできすぎくんのワンポイントアドバイスです。

 ショップできすぎくんで画像をキレイに横に並べるのはチョッとテクニックが必要です。

 こんな感じ、

テーブル

 各カテゴリーページをバナーからリンクに飛ぶというイメージです。

 画像を左、中央、右と配置してもこのようには並んでくれません。

 これは、HTMLのtableを使ってきれいに配置しています。

 このコーディング例がこちら、※バナーからリンクを貼る場合

<center>
<table style=”text-align: center;”>
<tbody>
<tr>
<td style=”text-align: center;”><a href=”リンク先URL”><img src=”画像URL” alt=”画像コメント”></a></td>
<td style=”text-align: center;”><a href=”リンク先URL”><img src=”画像URL” alt=”画像コメント”></a></td>
<td style=”text-align: center;”><a href=”リンク先URL”><img src=”画像URL” alt=”画像コメント”></a></td>
</tr>
<tr>
<td style=”text-align: center;”><a href=”リンク先URL”><img src=”画像URL” alt=”画像コメント”></a></td>
<td style=”text-align: center;”><a href=”リンク先URL”><img src=”画像URL” alt=”画像コメント”></a></td>
<td style=”text-align: center;”><a href=”リンク先URL”><img src=”画像URL” alt=”画像コメント”></a></td>
</tr>
<tr>
<td style=”text-align: center;”><a href=”リンク先URL”><img src=”画像URL” alt=”画像コメント”></a></td>
<td style=”text-align: center;”><a href=”リンク先URL”><img src=”画像URL” alt=”画像コメント”></a></td>
<td style=”text-align: center;”><a href=”リンク先URL”><img src=”画像URL” alt=”画像コメント”></a></td>
</tr>
</tbody>
</table>
</center>

 

 3 × 3のテーブルです。

<tr>タグが縦

<td>タグが横

なので、行を少なくしたければ、<tr></tr>で囲まれているところを減らせばいいし、セルを減らしたければ、<td></td>で囲まれているところを減らしてください。

 増やしたい場合は、逆をすればいいわけです。

 それを、できすぎくんをHTMLモードにして、貼り付ければテーブルの出来上がりです。

 使用する画像は同じ大きさにしておきましょう。

 不揃いでも入りますが、キレイには見えません。

 お試しあれ。

⇒ もしもちゃれんじ

 - ドロップシッピング

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

yahoo
本気でプロモーション広告をしてみる もしもドロップシッピング

目次1  ドロップシッピングでは避けて通れないプロモーション広告2  100クリ …

トップメニューの設定1
ヘッダーメニューを作る-SIRIUS(シリウス)でもしもドロップシッピングのショップを作ろう ③

目次1 ヘッダーメニューを作る2 トップメニュー画面の出し方3 トップメニューに …

女性のビジネスマン
できすぎくんで中~大規模ショップを作るときはグループページが要

目次1 できすぎくんのグループページが重要2 できすぎくんのグループページの作り …

no image
ネットビジネス日記 / SEOが五里霧中

目次1 1.朝2 2.昼3 3.夜4 4.総括 夜に早く寝ると、4:00起きが辛 …

no image
もしもドロップシッピング ショップ運営入門講座 一日目 ペルソナ

おはようございます。神谷です。 宮川洋氏の「もしもドロップシッピング ショップ運 …

右メニュー
ヘッダーの画像に別の画像を重ねる -SIRIUS(シリウス)でもしもドロップシッピングのショップを作ろう 応用編

目次1 SIRIUSが提供するヘッダー画像2 ヘッダーファイルのある場所  こん …

もしも本社
どろっぴしっぴんぐ研究所 2013年12月~2月の振り返り その1

目次1  どろっぷしっぴんぐ研究所 特別ヒアリングから1.1 1. 研究生開始時 …

集客できているショップのコンバージョン率を上げる

目次1 選択は7つまでにする2 オンマウスで表示を変える3 信頼のできるショップ …

人のできないこと、人がやりたくないことをやる 『10年後も食っていける人は、どっち?』 竹内謙礼

目次1  「できること」「やりたいこと」をビジネスにするビジネスモデルはお金儲け …

王冠
ショップできすぎくんにランキング記事を入れる/もしもドロップシッピング

目次1  できすぎくんのグループページに集客2 ショップ独自ランキングの求め方に …