解決済みの質問

質問No.6068837
すぐに回答を!
すぐに回答を!
お気に入り投稿に追加する (0人が追加しました)
回答数3
閲覧数616
バナーを横に並べたい
バナーを横に並べたい

検索サイトのリンクバナーを横に並べたいのですが、そのまま貼り付けると
縦にばかり並んでしまいます。横に並べるにはどこを変更すればよいでしょうか。

<!-- e-shops 投票バナー ここから -->
<TABLE border="0" cellpadding="0" cellspacing="0" style="border: 2px #ffcccc outset; word-break:normal;"><TR><TD style="background-color:#ff9933; text-align : center;"><IMG src="http://img.e-shops.jp/vt/img211.gif" width="95" height="15" border="0" alt="手芸"></TD></TR><TR><TD style="background-color:#ff9933; text-align : center;" nowrap><A href="http://www.e-shops.jp/sh/rk188/html/" style="font-size : 11px; text-decoration : none;font-weight: normal;background-color:#ff9933; color: #ffffff; line-height:110%;" target="_blank">手芸</A></TD></TR></TABLE>
<!-- e-shops 投票バナー ここまで -->

よろしくお願いします。
投稿日時 - 2010-07-27 21:27:21

質問者が選んだベストアンサー

回答No.2
私も回答者 #1 さんと同じ事思ったんですけど…
もしかしてこういう事?

<!-- e-shops 投票バナー ここから -->
<TABLE border="0" cellpadding="0" cellspacing="0" style="border: 2px #ffcccc outset; word-break: normal; float: left;"><TR><TD style="background-color:#ff9933; text-align : center;"><IMG src="http://img.e-shops.jp/vt/img211.gif" width="95" height="15" border="0" alt="手芸"></TD></TR><TR><TD style="background-color:#ff9933; text-align : center;" nowrap><A href="http://www.e-shops.jp/sh/rk188/html/" style="font-size : 11px; text-decoration : none;font-weight: normal;background-color:#ff9933; color: #ffffff; line-height:110%;" target="_blank">手芸</A></TD></TR></TABLE>
<!-- e-shops 投票バナー ここまで -->
投稿日時 - 2010-07-27 23:42:16
この回答を支持する
(現在0人が支持しています)
お礼
float:left; を追加する方法を教えていただき、
理想とする並べ方に限りなく近づけました。
ホントに感謝です☆ありがとうございました。
投稿日時 - 2010-07-28 23:19:14

ベストアンサー以外の回答 (2)

回答No.3
投票バナーというまとまりを複数横に並べるなら、tableタグにfloat:left;を追加するとかでいけると思いますが、
tableの後に来るコンテンツが崩れるようでしたら、
そのタグにstyle="clear:both;"を追加する必要もありそうです。

<TABLE border="0" cellpadding="0" cellspacing="0" style="border: 2px #ffcccc outset; word-break:normal;float:left;width:95px;">
投稿日時 - 2010-07-28 22:42:36
この回答を支持する
(現在0人が支持しています)
お礼
float:left; を追加する方法を教えていただきありがとうございました。
試してみると、きちんと並んでくれて崩れることもないようです。
感謝です☆
投稿日時 - 2010-07-28 23:22:36
回答No.1
コードの真ん中あたりにある「</TR><TR>」を削除してください。
これがあると2つの画像が別の行になってしまいます。「</TR><TR>」が無ければ同じ行に表示されます。
投稿日時 - 2010-07-27 22:15:41
この回答を支持する
(現在0人が支持しています)
補足
1番のご回答ありがとうございます。

早速試してみたのですが、どうも上手くいきません。

バナーは上下半分ずつでできているようで、
「</TR><TR>」を削除するとバナー自体が半分ずつに分かれて横に並んでしまいます。
削除の仕方が悪いんでしょうか。
投稿日時 - 2010-07-27 22:48:36
この質問は役に立ちましたか?
4人が「このQ&Aが役に立った」と投票しています
もっと聞いてみる

関連するQ&A

この他の関連するQ&Aをキーワードで探す

別のキーワードで再検索する

関連するガイド記事

    回答募集中

    同じカテゴリの人気Q&Aランキング

    カテゴリ
    HTML
    -PR-

    OKWaveのおすすめ情報

    特集

    このQ&Aの関連キーワード

    同じカテゴリの人気Q&Aランキング

    カテゴリ
    HTML
    -PR-

    回答のついた最新のQ&A

    カテゴリ
    HTML

    rss

    rydeen5

    Q_iconチャットでBGM2014-04-22 18:47:44

    AsarKingChang

    A_iconhttp://html5.sophia-it.com/r...2014-04-22 21:39:12

    jipang5054

    Q_iconbody onload 自動フォーカス2014-04-18 17:00:51

    MusaGoro

    Q_icon#を含むファイルの指定2014-04-20 21:30:28

    ORUKA1951

    ピックアップ

    -PR-
    -PR-