ビジネス 勉強堂

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

*

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

   

 こんばんは、神谷です。

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

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

 こんな感じ、

テーブル

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

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

 これは、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

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

  関連記事

ガッツビジネスマン
もしもドロップシッピングで売り上げが安定してくる

目次1  8月はゴールドランクを逃す2 ショップの「根」ができてきた3 「根」は …

037ネットワーク
SEOのために私が使っているツール/もしもドロップシッピングで売上100万円を目指す講座

目次1 Google Analytics2 Googleウェブマスターツール3 …

no image
リスティング広告に関する備忘録

 どろっぷしっぴんぐ研究所のおかげで、ずいぶんリスティング広告への苦手意識が、無 …

焦るワーカー
もしもドロップシッピングで売るために

目次1 かなり以前に登録した商品が売れた!2 コスプレが思ったように売れない・・ …

suiso_site_3
できすぎくんで自動的にできるパーツについて-SIRIUS(シリウス)でもしもドロップシッピングのショップを作ろう ②

目次1 できすぎくんで自動的に生成されるもの ヘッダーメニュー2 できすぎくんで …

no image
『ドロップシッピング集中セミナー・東京校』奥成講師 参加記

 こんにちは、神谷です。  2013年11月16日に奥成大輔氏の『ドロップシッピ …

シリウスカートボタン
カートボタンを設置する -SIRIUS(シリウス)でもしもドロップシッピングのショップを作ろう ⑥

 こんにちは、神谷です。  さて、今回はカートボタンです。    その …

ハートフル
ショップの信用度を上げるための6つの施策/もしもドロップシッピングで売上100万円を目指す講座

目次1 詐欺サイトが増殖している2 施策1:「プロフィール入力」をしましょう3 …

嘆く
もしもドロップシッピングで「注文キャンセル」にあう2つの理由

目次1 ショップオーナーなら避けられない「注文キャンセル」2 在庫切れ3 お客様 …

no image
「できすぎくん」をレンタルサーバーの独自ドメインに登録するとgoogleが認識してくれない

● 「できすぎくん」をレンタルサーバーの独自ドメインに登録するとgoogleが認 …