WEBリングに3つ登録しました。メールに書いてあった通りタグをHPに貼ったんですけど、何故か同じ行に貼る事が出来ません。1行に3つのバナーを貼るにはどうしたらいいのですか?ちなみに改行を禁止するタグをしてみましたが、だめでした。

A 回答 (2件)

色々原因が考えられますが一番単純なものを。



全てのバナーにCENTERタグつけてませんか?
そうであれば

<center>
<a href"ほげほげ"><img src="ほげほげ"></a>
<a href"ほげほげ"><img src="ほげほげ"></a>
<a href"ほげほげ"><img src="ほげほげ"></a>
</center>

という記述に変えてください。
<div>を使っている場合も同様です。

あとは同じ行といえるかどうかわかりませんがセルが横に3つあるテーブルを
作成してその中に1つづつ入れるなど。
    • good
    • 0

こんにちは、risoと申します。


1行3列のテーブルタグを使ってはいかがですか?
<TABLE>
<TR>
<TD>RING1</TD>
<TD>RING2</TD>
<TD>RING3</TD>
</TR>
</TABLE>
    • good
    • 0

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

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

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

Qバナーの直リンク禁止とは?

リンクを貼りたいのですが相手側のHPにバナーの直リンク禁止と書いてありました。
一体どういう事なのでしょうか?

Aベストアンサー

相手側のHPにバナーのうえで右クリックして一番下の「プロパティ」を見てください。
真ん中あたりに「アドレス(URL)」があります。

そのアドレスは相手側がサーバーにUPして得たアドレスです。

そのアドレスを使って、色々な方がHPにバナーを設置したら相手側のサーバーの負担が増えてしまいます。
負担が増えるとアクセス出来なくなったり不具合が起こしたりします。

だからあなたのサーバー(HPスペース)にこの「バナーの画像」をアップロードして
アドレスを得て使用して下さい。とお願いをしております。

例えは
相手側のバナーのURL http://www.QQQ/banner.001.gif として

あなたのHPのURLが
http://www.GGG/pepei としましょう。
そしてあなたのサーバーにUPしたらこのバナーのアドレスはほぼ
http://www.GGG/pepei/banner.001.gif  の様になります。
この様にして使用して下さいという意味です。

Qhtmlで改行タグを入れていないのに改行される

WINXPのメモ帳を使い、手打ちでhtmlを書いているのですが、
改行タグを入れてないのに4行分も改行されてしまい困っています。
(異常に空白があったので、反転させたら分かりました。)
!<div align="center"><br>
!<font size="+2">- MUSIC -</font><br>
!<table border="0" cellpadding="1" cellspacing="0" width="90%">
の、tableから上に4行空白が出来てしまいます。
どうしても直したいので、分かる方は教えてくれないでしょうか。

Aベストアンサー

テーブルの上に空白ができてしまう場合、そのテーブル内の記述に問題があることが多いです。
例えば、

<table>
 <tr><td>この行は全角空白でインデント(字下げ)しています。</td></tr>
</table>

のようにインデントを全角空白で書いてしまうと、その空白は td ブロック外のテキストとしてテーブルの上に表示されてしまいます。
ですので、まずはテーブル内の <td> ~ </td> 外に書かれている全角空白をチェックしてみて下さい。

Qバナーリンクとは直リンクとは?

最近、無料ホームページサービスを利用しようと思いましたが、バナーリンクは可だが、直リンクは強制削除の対象になると明記がありました。意味がわかりません。どなたかわかりやすく教えてください。

Aベストアンサー

バナーリンク
http://support.microsoft.com/default.aspx?scid=/directory/worldwide/ja/glossary/G00/1/19.asp
一般的にHP製作者は他の人のHPにリンクを張ってもらうのに便宜を図り、自分でバナーを作って「これを使ってトップページにリンクさせてください」としている場合が多いです。(個人のHPなので、広告収入とかは通常入らない)
バナーがあれば、お友達サイト紹介のリンク集を作るのも楽に見栄えある物に出来ますね。
http://yougo.ascii24.com/gh/66/006614.html
http://yougo.ascii24.com/gh/64/006481.html

基本的に、「リンクフリー」を謳っていれば特別連絡する事無く、バナーを使ってトップにリンクする事を許されているようなものです。(ですが、リンクを張る前に自分のHPを紹介し、「リンクしても良いですか?」と連絡するのはエチケットです)
http://computers.yahoo.co.jp/dict/internet/www/develop/4335.html

直リンク。
http://computers.yahoo.co.jp/dict/internet/www/develop/4063.html
HPの玄関に当たるトップページではなく、直接HPのコンテンツにリンクを張る事。
http://support.microsoft.com/default.aspx?scid=/directory/worldwide/ja/glossary/G00/4/18.asp
HPを家に例えると、玄関から入らず、裏口や窓から入るのに相当します。

HP作成者によっては、直リンクを非常に嫌います。

個人のHP紹介のリンクは(個人でなくても)トップに張る事がエチケット。

で、ご利用の無料HPサービス側は、トラブルを避ける為に「直リンク禁止」にしているのでしょうね。

バナーリンク
http://support.microsoft.com/default.aspx?scid=/directory/worldwide/ja/glossary/G00/1/19.asp
一般的にHP製作者は他の人のHPにリンクを張ってもらうのに便宜を図り、自分でバナーを作って「これを使ってトップページにリンクさせてください」としている場合が多いです。(個人のHPなので、広告収入とかは通常入らない)
バナーがあれば、お友達サイト紹介のリンク集を作るのも楽に見栄えある物に出来ますね。
http://yougo.ascii24.com/gh/66/006614.html
http://yougo.ascii24.com/gh/64/...続きを読む

Qタグ内での改行について

初歩的な質問ですが、教えて下さい。
テーブルタグを使って以下のように記述しました。
<table>
<tr>
<td><img src="a.jpg">
</td>
</tr>
</table>
すると、画像の下部と罫線との間に隙間があいてしまって見栄えが悪かったのです。
そこで試行錯誤して以下のように訂正し、<td>~</td>間の改行をなくしたところ、隙間がなくなりました。
<table>
<tr>
<td><img src="a.jpg"></td>
</tr>
</table>

なぜこのように改行が影響する場合があるのでしょうか?
教科書的な説明で「改行は影響しない」と聞いていたので・・・。
ブラウザはIEを使っています。

Aベストアンサー

>古い書き方だから改行による崩れもおきる、ということなのでしょうか??
 正確に言うと「IEの互換モードでは」と言う事です。IEは以前、他のブラウザを追い落とすために、独自仕様でユーザーの囲い込みをしてきました。そのために、IEでないと表示できないページがたくさん増えました。HTML4.01(1999)以降「Webページはより複雑化し、限られた環境にしか適応しなくなり、相互運用性問題に悩まされることとなり、障害を持つ人々にアクセス障壁が設けられてしまう。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )」の反省から、ウェブ標準が浸透して、やっと最近になってIEもウェブ標準に従うことになりました。
 ところが、過去のIEの仕様に合わせたページもたくさん残っていますから、それらを表示するために互換モードがあります。そのためです。IEだけの問題で、他のブラウザではそのようなことは置きません。
 HTMLでは、『本仕様は、・・・【中略】・・・スペース文字類については、レンダリングその他の挙動を示すことはない。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/text.html#h-9.1 )』
 と明記されています。よって<img src="" width="" height="" alt="">(改行)(水平タブ)</td>の(改行)(水平タブ)は無視されなければならないのです。!!

 いずれにしても検証には他のウェブ標準なfirefoxなどの他のブラウザを使用するのが良いです。firefoxとfirebugで、何処がどう影響しているかはすぐ分かるはず。

★tableを使ってはいけない・・
「単に文書内容を整形する目的だけで表を用いるべきでない。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/tables.html#h-11.1 )」
「ページレイアウトの目的で表を用いる。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )」
 これは、最も重要な基本です。

>古い書き方だから改行による崩れもおきる、ということなのでしょうか??
 正確に言うと「IEの互換モードでは」と言う事です。IEは以前、他のブラウザを追い落とすために、独自仕様でユーザーの囲い込みをしてきました。そのために、IEでないと表示できないページがたくさん増えました。HTML4.01(1999)以降「Webページはより複雑化し、限られた環境にしか適応しなくなり、相互運用性問題に悩まされることとなり、障害を持つ人々にアクセス障壁が設けられてしまう。( http://www.asahi-net.or.jp/%7Esd5a-ucd/r...続きを読む

Q文字サイズ?「160w」とは バナー制作orDTP

横700pxのwebバナー制作を頼まれました。
渡されたラフは右半分に写真、左半分に主題と説明文という構成で、
説明文のところは「150wああああ…」という書かれていました。

打ち合わせの段階で私は、これはwitdh150という意味だと思い、150pxの箱を作って別にもらった説明文のテキストを流し込めば良いと解釈したのですが、いざ制作段階になって、1行の横幅が150pxだと、もらったラフより全然サイズが小さくなることに気づきました。(ラフの文字は左半分を占めているのに、150pxだと全体の1/4程にしかならないためです。)

これは、どういう意味なんでしょうか?

頼まれた人に聞くのが一番なのですが、もしあまりに基本的な事だと恥ずかしいので質問させて頂きます。

Aベストアンサー

WはWordの略で、「150wああああ…」なら説明文のテキストが150文字ってことだと思います。

Qbrタグ、pタグやtableタグが非推奨にならない理由

表記のタグは必ずしも純粋に文章の構造を記述するものとは言えない(装飾やレイアウトに属する範疇)ような気がします。

実際CSSで十分に代用できると思うのですが、これらのタグがW3Cで非推奨とされないのは何故でしょうか。

Aベストアンサー

> HTMLで最低限の外見制御
まだちょっと主従関係について混乱されているようです。

HTMLの要素がデザインに影響する機能を持っているのではなく、
それが何であるかを示すためにマークアップをすると
結果として(視覚化するブラウザでは)表示に影響が出るのです。

ページを表示する≒(X)HTML文章を伝達する、ために存在するブラウザが
段落だから行間を空けてやろうとか
表だから縦横に並べてやろうとか
それなりの視覚化を行っているだけです。


行間がどうなるとか外見の制御を念頭においてを考えるのではなく
本質的にそれが「何」であるかをマークアップするのが文章の論理構造を記述するという事です。

一般的に外見から考えたほうが理解しやすいので
縦横に並べたいと思えばそれは恐らくリストや表だし、
一行空けたいと思えばたぶん段落の切れ目ですが
理念は逆ですのでお間違えのなきように。

QWebデザインにおいて「押しやすいボタン・バナー」とは

Webデザインにおいて「押しやすいタン・バナー」とはどのようにお考えですか?
ここではカーソルをもっていったらロールオーバーするのでボタンだとわかった、ではなく、見てすぐに「タン・バナーだ、これは押せるものだ」と認識できるもの、です。

●周りと違う色をしている
●立体的である

と言うのがあると思いますが、あとはどうでしょうか?
三角を頭につけるとボタンっぽいですけど、リストのマークとしても使えます。

この前作っていて、立体的であるにもかかわらず、押しにくいものに仕上がってしまいました。
ボタンの文言をかえれば分かりやすいのでしょうか…

例えばバナーですが
http://www.ikesai.com/
のように、左下に広告のバナーがありますけど、押せるかどうかはカーソルもっていかないとわかりませんよね。
ただの絵にみえるんですが…
こういうのをもっと押させたい場合にはどのような工夫があるとよりよいでしょうか?」

Aベストアンサー

ボタンっぽい場所に配置するとか?
あとはサイトを見てる人にもよりますよね、正直。

たとえばchikottoさんは「イケサイの広告バナーが押せるかどうかわからない、ただの絵にみえる」そうですが
うちは「広告バナーはクリックできるものだ」と認識してます。
そしてイケサイの左下の広告バナーはちゃんと広告バナーに見えてます。

だから案外chikottoさんが作った押しにくい立体的なボタンも
押しやすいのかもしれませんよ。

強調されすぎてるのも押しにくいですよね。

Qulタグやliタグの中でbrタグは使えない?

完成したサイトなのですが…。
Dreamweaverにて開いて一応チェックすると、
「タグbrはur内では使用できません」との表示がでて驚いています。

<li>~</li>だけで自動的になされる改行だと、詰まって見えるのです。
だから、

<ul style="padding-left: 00px;">
<li>~</li></br>
<li>~</li></br>
</ul>

のようにして処理しております。ただ、これってSEO的にマズい、ということなのでしょうか?
どうか、ご存知の方いましたら教えてください。

Aベストアンサー

SEO(検索エンジン最適化)には無関係ですが、文法的には誤りです。
→10.2 順不同リスト (UL)、序列リスト (OL)、及びリスト項目(LI)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/lists.html#edef-UL )

<!ELEMENT UL - - (LI)+ -- unordered list -->
ulには、「li要素のみを一個以上もつ。」と書かれています。


<!ELEMENT LI - O (%flow;)* -- list item -->
li要素には、%flowをゼロ個以上もつ、終了タグは省略できる。

読み方は、3.3.3 要素宣言 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/sgmltut.html#h-3.3.1 )を参照すること

したがって
<ul>
 <li>・・・<br>
 <li>・・・<br>
</ul>
とは書けます。(HTMLの場合)
その場合、ブラウザは
<ul>
 <li>・・・<br></li>
 <li>・・・<br></li>
</ul>
と解釈します。(XHTMLはこう書かないとならない)

★もっと、はるかに大事なこと
「<li>~</li>だけで自動的になされる改行だと、詰まって見えるので」<br>を入れるは、HTML的には最大の間違いです。こちらのほうがはるかに重要!!
 構造とプレゼンテーションは区別すること。デザインのためにHTMLを書いてはなりません。
 2.3.2 アクセス性 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.3.2 )

スタイルシートで、
ul li{margin-bottom:1em;}
だけでよい。

SEO(検索エンジン最適化)には無関係ですが、文法的には誤りです。
→10.2 順不同リスト (UL)、序列リスト (OL)、及びリスト項目(LI)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/lists.html#edef-UL )

<!ELEMENT UL - - (LI)+ -- unordered list -->
ulには、「li要素のみを一個以上もつ。」と書かれています。


<!ELEMENT LI - O (%flow;)* -- list item -->
li要素には、%flowをゼロ個以上もつ、終了タグは省略できる。

読み方は、3.3.3 要素宣言 ( http://www.asahi-net.or.jp...続きを読む

QタイトルバナーのURLとは何のことでしょう?

某検索エンジンに登録したいのですが、登録タイトルバナーのURLを入力して下さいとなっていました。これはどういう意味でしょうか?普通のホームページのアドレスとは違うみたいなのですが。バナー(画像)のURL最後が「.gif」「.jpg」「.png」のいずれかで終わるとなっていました。

Aベストアンサー

バナーは画像や写真などのファイルで作られますね。よってそれらのファイルの拡張子「.gif」「.jpg」「.png」があらかじめ指定されているわけです。
検索エンジンではそれらのファイルをサイト内に置くことができませんので、あなたが登録したいサイトのバナーのありかをおしえてくださいと言っているのです。

たとえば、このサイトの左上にある"goo"のgifファイルをバナーとする例だと、そのURLは

http://oshiete1.goo.ne.jp/images/goo.gif

ですね。

Qタグ挿入時の無駄な改行??

個人でホームページを運営しています。

内容はフリーソフト「ez-html」を使用しているのですが、表<table>を挿入すると無駄な改行??が勝手にされてしまいます…

参考までに該当ページを↓
http://itakouhiroba115.ikaduchi.com/p007.htm
http://itakouhiroba115.ikaduchi.com/p207.htm

表がページの下の方から始まるため、見栄えが悪くとても困っています…


HTMLは初心者なので詳しいことが分かりません…
↑のようなページを上からピタッと始められるコツはあるのでしょうか?

もし解決策を提案していただける方は宜しくお願いいたします。

Aベストアンサー

えーとあまりソフトを使わない(手打ち)のであまりいいアドバイスは出来ないのですが、
Tableタグの基本形は
<table border="1">
<tr><td>あ</td><td>い</td></tr>
<tr><td>え</td><td>う</td></tr>
<tr><td>お</td><td>○</td></tr>
</table>
このような形です。
かなり前にネットの仲間に聞いたのですが、ソフトによっては変な改行が入ってしまう。
なんてこともあるそうです。
自らHTMLファイルのテーブルのところだけ手打ちで直すのもありだとおもいます。


人気Q&Aランキング

おすすめ情報