バナーを横に並べたい
検索サイトのリンクバナーを横に並べたいのですが、そのまま貼り付けると
縦にばかり並んでしまいます。横に並べるにはどこを変更すればよいでしょうか。
<!-- 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 投票バナー ここまで -->
よろしくお願いします。
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; を追加する方法を教えていただき、
理想とする並べ方に限りなく近づけました。
ホントに感謝です☆ありがとうございました。
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;">
float:left; を追加する方法を教えていただきありがとうございました。
試してみると、きちんと並んでくれて崩れることもないようです。
感謝です☆
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLのbody内に<style>~</styl...
-
CSSでインラインフレームを非表...
-
バナーを横に並べたい
-
リンク先のURLを別の文字にする...
-
Excel で下線が消えてしまうの...
-
URLが青くならない
-
Google Keepで数字に勝手に下線...
-
パワーポイント:テキストボッ...
-
AppleのNumbersというアプリで...
-
Word で下線の色の変え方
-
Wordでレイアウトを変えないで...
-
ホームページにPDFファイルをリ...
-
Seesaaブログの行間設定
-
AUTOCAD文字の下に同じ長さの線...
-
フランス語の質問です。 J'aime...
-
bodyとtdのフォントサイズの依...
-
Excelヘッダーの書式
-
エクセルのセルの下線が消えない
-
Word 変換したら、その後...
-
【excelの下線(会計)とは】
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLのbody内に<style>~</styl...
-
CSSでインラインフレームを非表...
-
参照ボタンの名前を変えたい
-
<input>タグについて
-
Textareaの幅をブラウザ画面の90%
-
htmlで、文字に線を囲むには何...
-
iframe
-
プログラムの関連性を教えて下...
-
LaTeXにて、1行で左寄せや中央...
-
リンクの下線の色を変えると下...
-
HP上のBGM
-
文章をCSSで左揃えにする方法
-
mapでロールオーバー
-
リンク先のURLを別の文字にする...
-
Excel で下線が消えてしまうの...
-
パワーポイント:テキストボッ...
-
URLが青くならない
-
Google Keepで数字に勝手に下線...
-
エクセル:セル内の文字列の下...
-
AppleのNumbersというアプリで...
おすすめ情報