バナーを横に並べたい

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

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

よろしくお願いします。

A 回答 (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;">
    • good
    • 0
この回答へのお礼

float:left; を追加する方法を教えていただきありがとうございました。
試してみると、きちんと並んでくれて崩れることもないようです。
感謝です☆

お礼日時:2010/07/28 23:22

私も回答者 #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 投票バナー ここまで -->
    • good
    • 0
この回答へのお礼

float:left; を追加する方法を教えていただき、
理想とする並べ方に限りなく近づけました。
ホントに感謝です☆ありがとうございました。

お礼日時:2010/07/28 23:19

コードの真ん中あたりにある「</TR><TR>」を削除してください。


これがあると2つの画像が別の行になってしまいます。「</TR><TR>」が無ければ同じ行に表示されます。

この回答への補足

1番のご回答ありがとうございます。

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

バナーは上下半分ずつでできているようで、
「</TR><TR>」を削除するとバナー自体が半分ずつに分かれて横に並んでしまいます。
削除の仕方が悪いんでしょうか。

補足日時:2010/07/27 22:48
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

今、見られている記事はコレ!

  • たまランチ:第47話「さつまいも」

    外ランチを愛してやまない元気な女子社員・たまちゃん(26)。オシャレなお店より「安くておいしい」お店が大好き! そんな女子力低めなたまちゃんの、色気より食い気な日々をつづります。

  • エルフ田さん:第71話「貯められる人」

    エルフ(ファンタジーとかに出てくる長寿の種族)の「エルフ田」と、ただの人間である女子社員2人による日常ギャグ。エルフならではのズレたツッコミでバシバシ人間界の話題を斬っていきます。

  • 感情的にならない人の気質

    あなたの身の回りで感情表現が薄い人はいないだろうか? 感情表現が薄いといい意味でクールに感じ、大人な印象を持つ人も多いだろう。だが、一方で何を考えているか分からず、とっつきづらい印象を抱くこともあるの...

  • デニーズで6月7日より「ビーフフェア」が開催

    デニーズで2016年6月7日から7月11日(予定)まで、「ビーフフェア」が開催される。気温も上昇し、スタミナを身体に取り入れたいこの時期におすすめなビーフメニュー4品が提供される。 登場する4品は、しっとりとし...

  • 「死刑になりたくてやった」――望み通りの死刑が正しいか否か

    後を絶たない凶悪犯罪の中には、「死刑にしてもらいたくて」という動機で罪のない人々を巻き込む事件もある。その事件のための裁判で死刑判決が確定すれば、犯人の願いはかなったことになってしまう。いくら法律と裁...

おしトピ編集部からのゆる~い質問を出題中

お題をもっとみる

このQ&Aを見た人が検索しているワード


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

おすすめ情報

カテゴリ