-PR-
295656

バナーを横に並べたい

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

<!-- 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 投票バナー ここまで -->

よろしくお願いします。
  • 回答数3
  • 気になる数0
  • Aみんなの回答(全3件)

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

    • 2010-07-27 23:42:16
    • 回答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 投票バナー ここまで -->
    お礼コメント
    float:left; を追加する方法を教えていただき、
    理想とする並べ方に限りなく近づけました。
    ホントに感謝です☆ありがとうございました。
    投稿日時 - 2010-07-28 23:19:14
    • ありがとう数0
    -PR-
    -PR-

    その他の回答 (全2件)

    • 2010-07-28 22:42:36
    • 回答No.3
    投票バナーというまとまりを複数横に並べるなら、tableタグにfloat:left;を追加するとかでいけると思いますが、 tableの後に来るコンテンツが崩れるようでしたら、 そのタグにstyle="clear:both;"を追加する必要もありそうです。 <TABLE border="0" cellpadding="0" cellspac ...続きを読む
    投票バナーというまとまりを複数横に並べるなら、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;">
    お礼コメント
    float:left; を追加する方法を教えていただきありがとうございました。
    試してみると、きちんと並んでくれて崩れることもないようです。
    感謝です☆
    投稿日時 - 2010-07-28 23:22:36
    • ありがとう数0
    • 2010-07-27 22:15:41
    • 回答No.1
    コードの真ん中あたりにある「</TR><TR>」を削除してください。 これがあると2つの画像が別の行になってしまいます。「</TR><TR>」が無ければ同じ行に表示されます。 ...続きを読む
    コードの真ん中あたりにある「</TR><TR>」を削除してください。
    これがあると2つの画像が別の行になってしまいます。「</TR><TR>」が無ければ同じ行に表示されます。
    補足コメント
    1番のご回答ありがとうございます。

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

    バナーは上下半分ずつでできているようで、
    「</TR><TR>」を削除するとバナー自体が半分ずつに分かれて横に並んでしまいます。
    削除の仕方が悪いんでしょうか。
    投稿日時 - 2010-07-27 22:48:36
    • ありがとう数0
    • 回答数3
    • 気になる数0
    • ありがとう数4
    • ありがとう
    • なるほど、役に立ったなど
      感じた思いを「ありがとう」で
      伝えてください
    • 質問する
    • 知りたいこと、悩んでいることを
      投稿してみましょう
    こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
    このQ&Aにはまだコメントがありません。
    あなたの思ったこと、知っていることをここにコメントしてみましょう。

    関連するQ&A

    -PR-
    -PR-

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

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

    特集


    成功のポイントとは?M&Aで経営の不安を解決!

    -PR-

    ピックアップ

    -PR-
    ページ先頭へ