バナーを横に並べたい

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

<!-- 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件)

私も回答者 #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

投票バナーというまとまりを複数横に並べるなら、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

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


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

この回答への補足

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

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

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

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

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

このQ&Aと関連する良く見られている質問

Qバナー作成サイト。

無料でバナー作成ができるサイトを探しています。
過去の質問にもいくつかあったので探してはみたのですが、自分の想像するバナーとはちょっと違うんです。

私が作成したいバナーは動かない普通のバナーです。
できれば、大きいサイズのバナーで背景が豊富にあるところを教えて頂きたいです。簡単にできるところがあれば紹介して下さい。

Aベストアンサー

無料でバナー作成は、素材サイトから気に入ったバナーをダウンロードしてきて、自分でペイントソフトを使って文字を入れるのが、一番イメージに合うものができます。
自動作成サイトは、便利な分、素材が豊富とは言いがたいかもしれません。

バナーの自動作成サイト
http://hbm.suepon.com/
↑こちらの自動作成サイトですと、自分の好きなバナーのURLを入れて文字入れができるので、便利かもしれません。
ただし、素材サイトのものは、大きさなどの変更は禁止されているので、どこも触らないで、文字を入れるだけにして下さい。

Qリンクの文字とリンクの文字を横に並ばす時に適度にスペースを入れたいので

リンクの文字とリンクの文字を横に並ばす時に適度にスペースを入れたいのですがどうすればよいでしょうか?特に「はいそうです。」と「いいえ、違います」のリンク文字の間にスペースをキーボードから打ち込もうとすると、リンクの下線が伸びてしまうのですが・・・。文字の下のリンクの下線は残したまま、スペースの時に下線が伸びないようにするにはどうすればよいでしょうか?

<style type="text/css">
<!--
.style1 {
font-size: x-large;
font-weight: bold;
}
-->
</style>
</head>

<body>
<p class="style1"><img src="../image/web_013.gif" alt="引越元も引越先も1階かつ目の前でこちらが用意した台車は使用可能ですか?" width="400" height="77" /></p>


<div align="justify"> <a href="link3.html"><span class="style1">1.はいそうです。 </span></a> <a href="link0.html"><span class="style1"> 2.いいえ、違います。</span></a><br />
</div>

<p><span class="style1">   <img src="../image/web_024.gif" alt="引越元と引越先" width="300" height="357" /></span>


<a href="link1.html"></a></p>
<a href="link1.html">
<p align="left" class="style1"><input type="button" value="前へ戻る" onclick="window.history.back()" />
</p>
</a>

<a href="../index.html">
<p align="center">トップページへ戻る</p>
</a>
<p class="style1"></p>
</body>

</html>

リンクの文字とリンクの文字を横に並ばす時に適度にスペースを入れたいのですがどうすればよいでしょうか?特に「はいそうです。」と「いいえ、違います」のリンク文字の間にスペースをキーボードから打ち込もうとすると、リンクの下線が伸びてしまうのですが・・・。文字の下のリンクの下線は残したまま、スペースの時に下線が伸びないようにするにはどうすればよいでしょうか?

<style type="text/css">
<!--
.style1 {
font-size: x-large;
font-weight: bold;
}
-->
</style>
</head>

<body>
<p class="styl...続きを読む

Aベストアンサー

HTML 記述法に合ってるか正確には知らないのですが、

><a href="link0.html"><span class="style1"> 2.いいえ、違います。</span></a><br />


という、<a href>の直前に全角スペースを入れれば、それがブラウザ画面上に現れます。


とすると、画面上で下線の付かない半角サイズの空間ができます。
もっと開けたければ全角スペースを複数入れます。

(画面からコピペすると全角スペースがあるのがわかります。)

「半角スペースは画面上に現れない」
「全角スペースを画面上で半角サイズに見える」のは
ブラウザだかの仕様なんだと聞いた憶えがあります。
規格上どうなのか、はわかりません。

Qバナー作成の方法

バナーを作ってみたいのですが、どうすればいいのかよくわかりません。一般的にバナー作成はどのようにされているのか、初心者でもわかるサイトがあれば教えていただけませんか、または無料ソフト、有料ソフト含めてバナー作成の簡単なソフトがあれば教えてください。

Aベストアンサー

どんなバナーを作りたいかによるのですが
大抵プロの方などは
・Photoshop
http://www.webdesignlibrary.jp/2008/07/website-banner.php
・Illustrator
http://h2ham.jugem.jp/?eid=71
をつかってるでしょうし、アマチュアなら
・Paintshop
http://www.corel.com/servlet/Satellite/jp/jp/Product/1184951547051
http://www8.plala.or.jp/ssppigeon/kodemaripaintshop.htm
・CorelDRAW
http://www.corel.com/servlet/Satellite/jp/jp/Product/1224688091709#tabview=tab0
http://www.corel.com/servlet/Satellite/jp/jp/Content/1225983077038
・Photoimpact
http://lunar.littlestar.jp/stardust/PhotoImpact/
http://lunar.littlestar.jp/stardust/PhotoImpact/PItut/Ribbon_Heart_Tutorial_The_Heart.htm
・Photoshop Elements
・GIMP(無料)
をつかっているとおもいます。動画のバナーなら
・Flash
・なんかGIFアニメ作成ソフト
になるんじゃないかと思います。

どんなバナーを作りたいかによるのですが
大抵プロの方などは
・Photoshop
http://www.webdesignlibrary.jp/2008/07/website-banner.php
・Illustrator
http://h2ham.jugem.jp/?eid=71
をつかってるでしょうし、アマチュアなら
・Paintshop
http://www.corel.com/servlet/Satellite/jp/jp/Product/1184951547051
http://www8.plala.or.jp/ssppigeon/kodemaripaintshop.htm
・CorelDRAW
http://www.corel.com/servlet/Satellite/jp/jp/Product/1224688091709#tabview=tab0
http://www.corel.com/servle...続きを読む

Q各検索サイトの88x31のバナー

Yahooやgoo等、国内検索サイトの88x31サイズのバナーを探してます。
各サイトで探そうとしてもうまく見つけることができませんでした。

ちなみに、どこかまとめて置いてあるサイトなどはないでしょうか?

Aベストアンサー

どうしても「88x31」でなければなりませんか?
ある程度近い大きさであれば。

Yahoo
http://howto.yahoo.co.jp/homepage/4/1.html

Google
http://www.google.co.jp/intl/ja/stickers.html

Goo
http://help.goo.ne.jp/help/article/702/

Qフォトショップエレメントでバナー作成

質問させていただきます。

フォトショップエレメントで、バナーを作ってみたのですが、
ぜんぜんうまくいきません。
バナー作成法を、紹介しているサイトやHPを、
紹介していただけないでしょうか?
検索してみたのですが、キーワードが悪いのか?
検索結果に反映されません。(バナー 作成法 エレメント)
お力を貸してください。

Aベストアンサー

私なら、このキーワードで…
「バナー フォトショップ OR photoshop 作成」

参考URL:http://www.will-way.com/wanwill/sozai/try/try2/try2.html

Qバナーの貼り付け方、と、サイズ

バナーの貼り付け方が分かりません。
バナーを作ろう、と言うサイトを利用させていただいて、作っては見たのですが、どうやったら、自分のページに貼り付けられるのでしょうか。
それと、バナーのサイズは、決まっているのですか?
さらに、リンク集を作りたいのですが。バナーも載せられるやつです。
いろいろ聞いて、厚かましいですが、どうか、お答え下さい。お願いします

Aベストアンサー

★バナーの一般的なサイズ(横×縦)★
81×31
200×40
468×60
32×32

バナーのサイズは自由でも良いのですが、
一応定番なのが数種類あるのですよ。
あるていど同じサイズだとHPのデザインも
まとめやすくなりますしね(^-^

★イラストや小説中心のHPで多くみられるのは
「200×40」です。リンクをはってくださる方が
好みで選べる様「88×31」も作っておく所もあります。
★素材屋さん等で多いのが
「88×31」と「32×32」です。
★468×60は大きく広告によく使用されるサイズです。
このサイズは普通のリンク集とかには大きすぎて
さすがに使いにくいかと思います。

★リンクのはり方★
<a href="http://HPアドレス/" target="_blank"><img src="http://バナー画像.jpg" width="横サイズ" height="縦サイズ" border="0" alt="あなたのHPの名前"></a>

上をコピーして<body>~</body>の間の好みの場所にはりつけて下さい。
※)target="_blank">の""の間を別にするとリンクの方法が変わります。

"_blank"で、新しいウィンドウを開きリンクします。
"_top"にすればフレームを解除してリンク先をウインドウ全体に表示します。

※)" border="0"の0の部分を1や2に変更すれば
リンクをはった時のバナーのまわりの線の太さを変えられます。

関係ない事までつっこんでいたらごめんなさいね。
がんばってくださいね!!

★バナーの一般的なサイズ(横×縦)★
81×31
200×40
468×60
32×32

バナーのサイズは自由でも良いのですが、
一応定番なのが数種類あるのですよ。
あるていど同じサイズだとHPのデザインも
まとめやすくなりますしね(^-^

★イラストや小説中心のHPで多くみられるのは
「200×40」です。リンクをはってくださる方が
好みで選べる様「88×31」も作っておく所もあります。
★素材屋さん等で多いのが
「88×31」と「32×32」です。
★468×60は大きく広告によく使用されるサイズです。
このサイズは普通の...続きを読む

Q動画のバナーを作成したい。

動画のバナー(アニメーションバナー?)を作成したいのですが、うまくできません。88×31の標準的なバナーを作成したいと思っていて、動画そのものはマイピクチャーに保存してあります。ネット上で作成方法を見たのですが、どうもうまくいきません。ホームページビルダーで作成する方法か、それ以外で作成する方法で、簡単な方を教えてください。具体的に手順の一つ一つを説明していただける方おられたらお願いします。(アップロードするところまでお願いします)ちなみにビルダーはV9を使っています。

Aベストアンサー

動画はgifでしょうか?
動画のバナーはアニメgifというものでできています。
aviや、wmvではバナーとしてふさわしくありません。

静止画と動作後の静止画、その間で少しずつ変化していく絵を何枚か用意し、順番に指定した秒数だけ表示させていく方法がとられます。ぱらぱら漫画を自分で作るという考え方です。
ただ、それだと初めて作る方には難しいので、最初と最後の絵を用意すると間の絵を精製してくれたりするツールもあります。

ホームページビルダーですと、ツールメニューから選べる、ウェブアニメータというツールで作成することができます。

こちらも参考にしてください。
http://pcsoft.okwave.jp/kotaeru.php3?q=2002238

動画が完成し、gifの形で保存できたら、それをhtmlファイルの中に貼り付けてください。ホームページビルダーの編集中の画面では動作を確認できませんが、プレビューで確認できます。

Qバナーの貼り付けで・・・

はじめまして!
簡単HPを使っています。
最近自分のホームページのバナーを作ったのですが、
貼り付けることができません。
右クリックを押して「コピー」をして、「貼り付け」を押してもできません。
どうすればいいのですか?
それと、リンクのところに「バナーURL」っていうのがあるのですが、
何のことかさっぱりわかりません…
超初心者なので、わかりやすく回答してくれるとうれしいです。
よろしくお願いします。

Aベストアンサー

こんにちは。
まず、下の参考URLの画像アップローダーへ飛んで、
画面をスクロールしていき、下のユーザー名とパスワードを入れてその下のボタンを押してみてください。
そうすると、アップロード画面になるので、ブラウザというところを押して、自分のパソコンに保存した、HPに使いたい画像を選んでください。
そのご、アップロードボタンを押すと、その画像のHP上で使うためのURLがでてきます。それをコピーしておくなり、メモるなりしてください。

自分のHPのエディット画面の、その画像を貼りたいページの編集画面へ行き、<IMG SRC=ここにさっきのURLを”http”から入力>
これでその画像は表示されると思います。

また、リンクしてる方のバナーを貼る時も一緒です。
リンクのページの「バナーURL」というところに、アップロードのページでアップロードしてでてきたURLをそのまま貼り付けてください。

いじょうですが…。どうでしょう?

参考URL:http://userimage.gaiax.com/JP/index2.html

Qバナー作成・保存について

ホームページ作成初心者です。
イラレ・フォトショCS2でバナーを作成してDreamweaver8でホームページを作成したいのですが・・・

作成サイズ(pix)はどれぐらいが適当でしょうか?
ちなみにバナーには社名とロゴマークが入るぐらいです。
また、作成後はどの様に保存してDRE8のimgファイルに移せばいいでしょうか?

Aベストアンサー

#1です。補足を読んだので、分かる範囲内でのアドバイスです。

(FireWorksは私はあまり使用した事無いので、詳しく分からないで申し訳ありませんが)
人によってはフォトショよりも軽い・Dwでの連携がしやすい、等の理由でメインで使ってる人も、Webデザインの現場だと居るので、使ってみると良いでしょうね。
フォトショメインのユーザーの方が多いとは思いますが。

ImageReadyが活躍するのは、ページ丸ごとデザインした場合等です。
スライスという機能を使用して、部分毎に画像に変換して容量を変えたり、名前を変えたりするのに便利です。
あとは、GIFアニメも作れるので割りと楽しいです。

>単純にGIFがいいと思っていましたが、~がいいみたいですね。
そうですね、Webに保存する画面のプレビューで書き出した後の容量は一目でわかるので、出来る限り画像1枚1枚(バナーに限らず)、JPGにしてみたり、GIFにしてみたりすると良いと思います。

>ただ「出来る限り見た目を~教えていただければありがたいです。
これは文章だと難しいですが・・・どこまで知っているか分からないので、順を追って説明してみます。

■Photoshopでの場合
1.Web用に保存、で開く。
2.左上のタブで2アップ(か4アップでも)を選択する。
3.右上のJPEGかGIF等のプルダウンで選択する。
4.右の「画質」の数値を徐々に下げていき、元画像(左)と反映後(右)を見比べる。
5.画質と、画像左下の容量を見比べ、調整をする。(時間/回線速度の数値なども参考に)
6.書き出して終了。

仕事で画像を扱う場合、見た目よりも軽さ重視という場合があるのですが、趣味だとか個人的なサイトならば、見た目重視で自分で判断されると良いかと思います。
いざアップして「重いな」と思ったら修正すれば良いですし。

個人的な目安ですが、JPGの場合は画質60までがギリギリ綺麗な範囲、GIFの場合は32カラー程度かな、という風に思っています。
(仕事内容によっては、更に下の画質40だとか10カラーだとかになる事も)

GIFで容量を落としていく作業(カラーの数を減らしていく)で、例えば256色>32色に落とした時に、元画像の一部分の色が減った事によりバランスが悪い絵になる事があります。
その場合256に戻して、カラーテーブルにて「どうしても外せない色」を選択して、鍵アイコンをクリックして色にロックをかけます。
ロックしてから、カラー数値を下げていくと、より目的にあった色の減らし方が出来ます。

>自分のページ上にアップする~に保存すればよいものでしょか?
このサイズというのは、ピクセルサイズの事でしょうかね??
どのように見せたいかによるので、あれですが・・・

例えば原寸で大きな画像を見せたいとかなら、ページ用に小さくした画像を用意して、それをクリックしたら元の大きな画像へのリンクになる、という事も出来ますよね。
小さく見せたい分には、どうにでも小さくすれば良いです・・・。

ページ自体のサイズですが、750~1000 x 500~650px程度の範囲で作製すれば、普及されている一般的な環境では、1画面に収まるのでは?と思います。

最後に、多分ですけど、WebpageDesignというカテゴリの方が、詳しい人が居るかもしれません^^;
私はたまたま、このカテゴリに立ち寄っただけなので(笑)。

#1です。補足を読んだので、分かる範囲内でのアドバイスです。

(FireWorksは私はあまり使用した事無いので、詳しく分からないで申し訳ありませんが)
人によってはフォトショよりも軽い・Dwでの連携がしやすい、等の理由でメインで使ってる人も、Webデザインの現場だと居るので、使ってみると良いでしょうね。
フォトショメインのユーザーの方が多いとは思いますが。

ImageReadyが活躍するのは、ページ丸ごとデザインした場合等です。
スライスという機能を使用して、部分毎に画像に変換して容量を変え...続きを読む

Qバナーの貼り付けが出来ません。

自分のHPから他人のHPにリンクを張りたいのですが、
バナーの貼り付けがうまくいきません。
今行ったのは、自分のHPをワードで開く→
挿入→オブジェクトとして
挿入したいファイルを挿入するという方法をとっています。結果としてバナーの張りつけは出来ず、良くわからないアイコンが表示されます。
どうしたら良いでしょうか?
ちなみにGIFとかPNGとかいろいろ試してみましたがうまくいきません。
GIFとかは著作権問題があると書きいてます。
よろしくおねがいします。

Aベストアンサー

HTMLは、全く分かりませんか?それほど難しくはないので、少し勉強してみてはどうでしょう。一通り理解してしまえば、簡単にHPを作成することができるようになります。HTMLは、本やWebページなどで勉強することができます。
HP作成は、一応、Wordでもできますが、HP作成用ソフトを使った方が遥かに作業がし易いです。Windows98には、FrontPageExpressというHP作成用ソフトが付属していましたが、Windows98SE以降のバージョンには付属していません。vector等のソフト屋さんでHP作成用ソフトを探してみればいいと思います。画像の貼り付け程度でしたら、フリーのソフトで十分です。市販のソフトでは、ホームページビルダー、DreamWeaver、FrontPageなどが有名です。
ご自分のHPに貼り付けたいバナーは、よくHPに「リンクにはこのバナーをお使いください。」と提示されているバナーですか?それならば、多分、問題はありません。gifファイルについては、gifファイルを作るソフトにライセンスがあるかどうかが問題なのです。

参考URL:http://www.hajimeteno.ne.jp/index.html

HTMLは、全く分かりませんか?それほど難しくはないので、少し勉強してみてはどうでしょう。一通り理解してしまえば、簡単にHPを作成することができるようになります。HTMLは、本やWebページなどで勉強することができます。
HP作成は、一応、Wordでもできますが、HP作成用ソフトを使った方が遥かに作業がし易いです。Windows98には、FrontPageExpressというHP作成用ソフトが付属していましたが、Windows98SE以降のバージョンには付属していません。vector等のソフト屋さんでHP作成用ソフトを探してみればいいと思...続きを読む


人気Q&Aランキング