- ベストアンサー
バナーを横に並べたい
- 検索サイトのリンクバナーを横に並べたいのですが、そのまま貼り付けると縦にばかり並んでしまいます。横に並べるにはどこを変更すればよいでしょうか。
- 検索サイトのリンクバナーを横に並べる方法について教えてください。
- バナーを横に配置するための簡単な方法を教えてください。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
私も回答者 #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 投票バナー ここまで -->
その他の回答 (2)
- kuzumiHK
- ベストアンサー率72% (132/183)
投票バナーというまとまりを複数横に並べるなら、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; を追加する方法を教えていただきありがとうございました。 試してみると、きちんと並んでくれて崩れることもないようです。 感謝です☆
- すもあん（@ryoyama）
- ベストアンサー率56% (45/80)
コードの真ん中あたりにある「</TR><TR>」を削除してください。 これがあると２つの画像が別の行になってしまいます。「</TR><TR>」が無ければ同じ行に表示されます。
補足
1番のご回答ありがとうございます。 早速試してみたのですが、どうも上手くいきません。 バナーは上下半分ずつでできているようで、 「</TR><TR>」を削除するとバナー自体が半分ずつに分かれて横に並んでしまいます。 削除の仕方が悪いんでしょうか。
お礼
float:left; を追加する方法を教えていただき、 理想とする並べ方に限りなく近づけました。 ホントに感謝です☆ありがとうございました。