- 締切済み
隙間が空かないタグ
メロメロパークのメロメロLinkRingというものを設置しバナーを表示させたいのですが、ランキングのバナーとメロメロLinkRingの間にラインを入れ綺麗に見せたいのですが、どうしてもラインの上だけ隙間が空いてしまいます。 http://miuna.main.jp/meromoflove.html こちらのサイト様を参考にしながらしたのですが、ダメでした。 何が原因でラインの上だけ隙間が空いてしまうのでしょうか？ 下記のタグはアップ先のURLやIDだけ伏せています。 <a href="ランキングURL"target=_blank title="メロ*2ランキング参加ちぅ♪"><img src="merojp.gif"></a> <br> <IMG src="moflinklinebar.gif" width="140" height="6" border="0"> <br> <img src="meromerolove.gif" width="140" height="34" border="0" usemap="#meromerolove"> <map name="meromerolove"> <area href="http://www.webring.ne.jp/cgi-bin/webring?ring=mero;list" shape="rect" coords="6,5,39,31" title="メロ★メロRing"> <area href="http://www.webring.ne.jp/cgi-bin/webring?ring=mero;id=私のID;prev" shape="circle" coords="110,11,6" title="Prev"> <area href="http://www.webring.ne.jp/cgi-bin/webring?ring=mero;id=私のID;next" shape="circle" coords="119,24,6" title="Next"> <area href="http://www.webring.ne.jp/cgi-bin/webring?ring=mero;random" shape="circle" coords="131,16,6" title="Random"> <area shape="default" nohref></map> よろしくお願いします<(_ _)>
- v_saya_v
- お礼率90% (365/403)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- partita
- ベストアンサー率29% (125/427)
<img src="merojp.gif"></a> と <IMG src="moflinklinebar.gif" width="140" height="6" border="0"> の直後に半角スペースがありますが、これが原因では？
関連するQ&A
- テーブル内の行の間に隙間ができてしまいます
いつもお世話になります。 dreamweaverCS2でホームページを作っています。 2行1列のテーブル内のセルそれぞれに画像を配置しているのですが、 IE6で表示すると、行(画像）と行(画像）の間にスペース(白い）ができてしまい、 画像同士がくっつきません。 上の行にはイメージマップを使用しています。 なんとか画像をくっつけた状態で表示したいのですが、どこに問題があるでしょうか。 画像の大きさは上の行のものが742*69 下のものが742*18です。 ちなみにHTMLは下記のようになります。 また、Netscape7.1やsafariではくっついた状態で表示できます。 困っています。よろしくお願いします。 *****以下HTML************ <table border="0" cellpadding="0" cellspacing="0" width="742" > <tr> <td width="742" > <img src="images/header1_1.gif" alt="" width="742" border="0" usemap="#hd1_Map" vspace="0"/> <map name="hd1_Map"><area shape="rect" coords="260,50,366,65" href="index.html" alt="Homeへ" /> <area shape="rect" coords="367,50,475,65" href="about.html" alt="***について" /> <area shape="rect" coords="476,50,590,65" href="members.html" alt="****一覧" /> <area shape="rect" coords="591,50,700,65" href="syukketsu.html" alt="***" /> </map></td> </tr> <tr> <td><img src="images/subnavibar1.gif" alt="" width="742" border="0" vspace="0" /></td> </tr> </table> ****ここまで****
- ベストアンサー
- ホームページ作成ソフト
- IE6でヘッダーとイメージの間に微妙な隙間
ヘッダーとンイメージはそれぞれdivで囲んでいます。IE6でヘッダーとメインイメージの間に微妙な隙間が隙間が空いてしまいます。FOXでは隙間は空きません。なぜでしょうか？ 教えてください。 ==HTML== <div id="header"><img src="images/head.gif" width="821" height="161" border="0" usemap="#Map2" /> <map name="Map2" id="Map2"> <area shape="rect" coords="674,124,775,144" href="#" /><area shape="rect" coords="36,17,322,85" href="#" /> </map></div> <div id="main_img" align="center"><img src="images/main_flash.jpg" width="801" height="305" border="0" /></div> ==css== /*==ヘッダー関係==*/ #header img{ margin:0 0 0 0; padding:0; height:161px; } /*============ボディ部分開始============*/ #main_img{ background:url(../images/main_flash_bg.jpg) no-repeat; width:821px; height:305px; margin:0; padding:0; }
- ベストアンサー
- HTML
- Javascriptのマウスオーバー
Javascriptでのマウスオーバーで、Mapを使って画像上に範囲指定しているリンク範囲にボーダーを表示させたいと考えています。 HTMLは、 <html> <head> <title></title> </head> <body> <img src="aaa.gif" border="0" usemap="#Map"> <map name="Map"> <area shape="rect" coords="78,200,228,241" href="bbb.html"> <area shape="rect" coords="326,168,476,209" href="ccc.html"> <area shape="rect" coords="78,141,228,182" href="ddd.html"> </map> </body> </html> このようになっています。 この状態で、マウスオーバー時にリンク範囲をボーダーで囲みたいと思っています。 JavascriptやCSSとの組み合わせ等でいろいろ探してみたのですが、どうしても上手くいきませんでした。どうしたらいいのか教えて下さい。 また、JavascriptやCSSでなくとも同じ事が出来るのでしたら、それで構いません。 どうか宜しくお願い致します。
- 締切済み
- JavaScript
- イメージマップで文章を表示したい。
下記の例のように、「map.gif」という画像の各箇所ごとにそれぞれのリンクを貼るのは下記の方法で出来ると思うのですが、 「coords="22,11,122,62"」にマウスが乗ったときに指定した箇所に文章を表示するにはどうしたらよいのでしょうか？ ※それぞれの箇所によって、それぞれ違った文章を表示したいです。 ※「map.gif」という画像が表示されている上段（下段でもＯＫ）に枠を作って、その中に説明文が表示される仕組み。 <img src="map.gif" alt="サンプル" usemap="#sample"> <map name="sample"> <area shape="rect" coords="22,11,122,62" href="map1.html" alt="リンク1"> <area shape="circle" coords="184,86,30" href="map2.html" alt="リンク2"> <area shape="poly" coords="87,78,30,110,81,139,69,113" href="map3.html" alt="リンク3"> <area shape="default" href="map4.html" alt="リンク4"> </map> 宜しくお願いします。
- ベストアンサー
- HTML
- タグについて
二つ質問があります。 とあるリングに参加してナビゲーションバーを設置しようとしています。ブログ（gooブログアドバンス）のページ幅の関係で、どうしてもこのナビゲーションバーの左側にブログタイトルがくるように設置したいのですが、タグの書き方が分かりません。http://www.tagindex.com/index.htmlで調べてみると、<IMG SRC="■■■" ALIGN="right">を使うと画像の左側に文字がくるように出来ることまでは分かりました。普通の"■■■.jpg"の画像だと希望通りの位置にタイトルと画像が設置される事は確認済みなのです。今私が設けたいナビゲーションバーのタグが、 <IMG src="http: ■■■.gif" width="300" height="100" border="0" usemap="#ringbn"> <MAP name="ringbn"> <AREA shape="rect" coords="60,12,293,53" target="_top" href="http://www.prionde.co.jp/chuo1/miz/webring/■■.html"> <AREA shape="default" nohref> </MAP> と物凄く長くて（ここでは省略しています）たくさん< >があり、このタグと<IMG SRC="■■■" ALIGN="right">をどうくっつければ良いのか分かりません。 二つ目は、試しにこのナビゲーションバーを適当な位置に埋め込んだところ、プレビュー時にはちゃんと設置できているにも関わらず、もう一度自分のアドレスからブログを見てみると、ナビゲーションバーと、先ほど上記に記したタグとがバラバラになって表記されているのです。バーの下にタグがずらっと並んでいます。驚きました。何故でしょう？ ＨＰを持っていたときはビルダーに頼りっぱなしだったので、ブログでのカスタマイズに戸惑っています。どうぞ宜しくお願い致します。
- ベストアンサー
- ブログ
- クリックしてリンク先に移動する地図をwebに掲載しましたが
ホームページに地図の画像を掲載して、 その地図にいくつかのクリックできるポイントを設定し、 それぞれリンク先に移動するようにしました。 IEではキレイに地図の画像が表示できているのですが、 FireFoxとか、Netscapeでは地図に青い外枠が表示されます。 赤を基調にしたサイトなので不自然な感じがして困っています。 どのようにこれを回避したらよいのでしょうか。 具体的に下記付け加えるもの等ございましたら教えてください。 よろしくお願いします。 <MAP NAME=map1> <AREA SHAPE=rect COORDS="112,2,196,28" HREF="room1.htm"> <AREA SHAPE=rect COORDS="213,3,298,28" HREF="room2.htm"> <AREA SHAPE=rect COORDS="310,2,399,28" HREF="room3.htm"> <AREA SHAPE=rect COORDS="413,2,495,28" HREF="room4.htm"> <AREA SHAPE=rect COORDS="513,1,594,27" HREF="room5.htm"> <AREA SHAPE=rect COORDS="614,2,701,28" HREF="room6.htm"> </MAP><IMG USEMAP="#map1" SRC="worldmap.gif" WIDTH=702 HEIGHT=29 ALIGN=bottom>
- ベストアンサー
- CSS
- 吹き出しに画像とコメントを入れるプログラム
下記のプログラムで吹き出しを作成して 画像とコメントを表示したいのですが なかなか出来ず困っております。 方法がありましたらよろしくお願いいたします。 <img src="画像名" usemap="#map" border="0"> <map name="map"> <area shape="rect" coords="305,60,390,126" href="アドレス" alt="北海道"> <area shape="rect" coords="288,151,331,181" href="アドレス" alt="青森"> <area shape="rect" coords="280,181,311,221" href="アドレス" alt="秋田"> <area shape="rect" coords="310,181,341,221" href="アドレス" alt="岩手"> <area shape="rect" coords="275,221,305,245" href="アドレス" </map>
- ベストアンサー
- JavaScript
- <area></area> 部分にボーダーを表示したい。
<img src="img/img.gif" usemap="#maps"> <map name="maps"> <area shape="rect" coords="0,0,50,50" href="#" onclick="return false;"> </area> のような感じで、 <area></area> で囲まれた部分の領域にボーダーを表示させたいのですが可能でしょうか？ <area ～ style="border:1px solid #ff0000">～ では出来ませんでした。
- ベストアンサー
- HTML
- map初心者です
名前の付け方がわかりません。 なんでもいいのでしょうか？とりあえずわからないので画像名と同じ名前に設定しました。 また、下の記述が全部なのですが画像しかアップされません。 リンクすらなりません。 どこがおかしいのでしょうか。よろしくお願いします。 <img src="img/1.jpg" usemap="#1map" border="0"> <map name="1map"> <area shape="rect" coords="220,148,179,200" href="http://12345" alt="**" target="_blank"> <area shape="rect" coords="358,125,181,126" href="http://12345" alt="**" target="_blank"> <area shape="rect" coords="167,336,178,141" href="="http://12345" alt="**" target="_blank"> <area shape="rect" coords="178,338,180,214" href="="http://12345" alt="**" target="_blank"> </map> 関係あるかわかりませんが、使っているのはロリポップです。
- ベストアンサー
- HTML
- mapが機能しない
以下のようにmapを設置しましたが、全く機能しません。何が考えられるでしょうか？ <div><img src="images/head.jpg" alt="" usemap="#map" border="0"/></div> <map name="map"> <area href="kan.html#3" alt="" shape="rect" coords="0,3,105,154" /> <area href="kan.html#2" alt="" shape="rect" coords="314,3,393,154" /> <area href="kan.html#1" alt="" shape="rect" coords="106,3,211,146" /> </map>
- ベストアンサー
- HTML
お礼
自己解決できました。 回答ありがとうございます<(_ _)>