No.2ベストアンサー
- 回答日時:
こんにちは。
#1です。ソース拝見しました。
一つ質問ですが、この画像はテーブルで組まずに、ページにダイレクトに置いていますか?(テーブルのソースが無かったもので)
テーブルを組んでいないのでしたら、テーブルに組み込んでください。
↓こんな感じです。
<table border="0" cellpadding="0" cellspacing="0" width="700">
<tr>
<td>
<a href="Tips01.htm" onmouseout="ImgChenge('Sample1',0)" onmouseover="ImgChenge('Sample1',1)"><img src="imgs/kkp/k1.gif" width="100" height="150" border="0" name="Sample1" id="Sample1"></a>
</td>
<td>
<a href="Tips01.htm" onmouseout="ImgChenge('Sample2',0)" onmouseover="ImgChenge('Sample2',1)"><img src="imgs/kkp/k2.gif" width="100" height="150" border="0" name="Sample2" id="Sample2"></a>
</td>
<td>
<a href="Tips01.htm" onmouseout="ImgChenge('Sample3',0)" onmouseover="ImgChenge('Sample3',1)"><img src="imgs/kkp/k3.gif" width="100" height="150" border="0" name="Sample3" id="Sample3"></a>
</td>
<td>
<a href="Tips01.htm" onmouseout="ImgChenge('Sample4',0)" onmouseover="ImgChenge('Sample4',1)"><img src="imgs/kkp/k4.gif" width="100" height="150" border="0" name="Sample4" id="Sample4"></a>
</td>
<td>
<a href="Tips01.htm" onmouseout="ImgChenge('Sample5',0)" onmouseover="ImgChenge('Sample5',1)"><img src="imgs/kkp/k5.gif" width=" 90" height="150" border="0" name="Sample5" id="Sample5"></a>
</td>
<td>
<a href="Tips01.htm" onmouseout="ImgChenge('Sample6',0)" onmouseover="ImgChenge('Sample6',1)"><img src="imgs/kkp/k6.gif" width="110" height="150" border="0" name="Sample6" id="Sample6"></a>
</td>
<td>
<a href="Tips01.htm" onmouseout="ImgChenge('Sample7',0)" onmouseover="ImgChenge('Sample7',1)"><img src="imgs/kkp/k7.gif" width="100" height="150" border="0" name="Sample7" id="Sample7"></td>
</tr>
</table>
これだけで、隙間はなくなります。
もしどうしてもテーブルを組まずに隙間を無くしたいのならば、改行を消してください。
<BR><BR>
<a href="Tips01.htm"~から~name="Sample7" id="Sample7"/></a>までをすべて「1列で」書きます。
すると、ソースは恐ろしいほど横長になりますが、隙間は消えます。
テーブルを組まずに(TDで区切らず)命令を入れて、改行すると「空白」と認識してしまうのです。
それを無くせば「空白なし」と認識してくれます。
どちらかお試しください。
それでもまだ直らなければ、補足ください。
この回答への補足
ありがとうございます!!
ものの見事に隙間がなくなりました!
それで、もう2個ほど質問してもいいでしょうか?(^^;)
☆なぜか、最後の画像だけ、ちょっと高さがながくなってしまいます・・・。
☆ページを表示すると、スクリプトエラーが出て、コンテンツがブロックされるとかなんとか・・・。
スクリプトエラーの内容です。
「このページのスクリプトでエラーが発生しました。
ライン:2
文字: 1
エラー:文字が正しくありません。
コード:0
URL: mk:@MSITStore:C:\WINDOWS\Help\iexplore.chm::/GB_URLaction_block.htm 」
というものでした。お手数ですが、よろしくお願い致しますm(_ _)m
No.3
- 回答日時:
こんにちは。
大変失礼致しました。
一番最後の画像が高さがおかしいのは、</a>で閉じていなかったからです…。
うっかりしてました。
ですので、一番最後のTDは
<td>
<a href="Tips01.htm" onmouseout="ImgChenge('Sample7',0)" onmouseover="ImgChenge('Sample7',1)"><img src="imgs/kkp/k7.gif" width="100" height="150" border="0" name="Sample7" id="Sample7"></a></td>
になります。
スクリプトエラーは私の方では確認できませんでした。
取り敢えず、</a>を入れて、再度エラーが出るか確認をお願い致します。
この回答への補足
何度もありがとうございます(^^;)
私もソースを見て</a>がないことに気づき、足して更新表示してみたのですが、やはり大きく表示されてしまいます(;_;)画像の高さを146pxにするとちょうどいいのですが、となりの画像との模様のずれが生じてしまいます・・・。
エラーはやはり出ます(; ;)
「セキュリティー保護のため、コンピュータにアクセスできるアクティブコンテンツは表示されないよう、
InternetExplorerで制限されています。」
というのが出てます。
ステータスバーに「ページが表示されました」と出るんですが、黄色で囲まれた<!>が文字の先頭についています。
本当に何度もすいませんm(_ _;)m
お疲れ様でございます。
最後の画像が大きく表示されるということでしたが、
<td>を改行したところ、他の画像とのサイズが揃いました! お騒がせ致しました(^^;)ありがとうございます。
残るはエラーのみとなりました。
もし何かおかしなところがありましたら、ご指導願いますm(_ _)m
No.1
- 回答日時:
こんにちは。
ごめんなさい、やりたい事がそのご質問からは読めませんでした。
複数の画像を並べてそれぞれロールオーバーをしたいのですか?
で、その画像たちの間が空白があるのですか?
ソースに空白は入っていませんか?
できればソースを書いていただけると、更にアドバイスできるかと思います。
この回答への補足
ソースは以下の通りです。
よろしくお願いします!(^^;)
<script language="JavaScript" type="text/javascript">
<!--
// イメージ用配列
var SwImg; SwImg = new Array;
// 画像の先読み ImgPreload('imgタグのid', '通常の画像のパス', 'マウスオーバー時の画像のパス')
ImgPreload('Sample1', 'imgs/kkp/k1.gif', 'imgs/kkp/k11.gif')
ImgPreload('Sample2', 'imgs/kkp/k2.gif', 'imgs/kkp/k12.gif')
ImgPreload('Sample3', 'imgs/kkp/k3.gif', 'imgs/kkp/k13.gif')
ImgPreload('Sample4', 'imgs/kkp/k4.gif', 'imgs/kkp/k14.gif')
ImgPreload('Sample5', 'imgs/kkp/k5.gif', 'imgs/kkp/k15.gif')
ImgPreload('Sample6', 'imgs/kkp/k6.gif', 'imgs/kkp/k16.gif')
ImgPreload('Sample7', 'imgs/kkp/k7.gif', 'imgs/kkp/k17.gif')
/* 画像プリロード */
function ImgPreload() {
var N = ImgPreload.arguments[0];
SwImg[N] = new Image();
SwImg[N][0] = new Image();
SwImg[N][0].src = ImgPreload.arguments[1];
SwImg[N][1] = new Image();
SwImg[N][1].src = ImgPreload.arguments[2];
}
/* ロールオーバー */
function ImgChenge() {
var ID = ImgChenge.arguments[0];
var N = ImgChenge.arguments[1];
document.images[ID].src = SwImg[ID][N].src;
}
//-->
</script>
</HEAD>
<BR><BR>
<a href="Tips01.htm" onmouseout="ImgChenge('Sample1', 0)" onmouseover="ImgChenge('Sample1', 1)">
<img src="imgs/kkp/k1.gif" width="100" height="150" border="0" name="Sample1" id="Sample1"/></a><a href="Tips01.htm" onmouseout="ImgChenge('Sample2', 0)" onmouseover="ImgChenge('Sample2', 1)">
<img src="imgs/kkp/k2.gif" width="100" height="150" border="0" name="Sample2" id="Sample2"/></a><a href="Tips01.htm" onmouseout="ImgChenge('Sample3', 0)" onmouseover="ImgChenge('Sample3', 1)">
<img src="imgs/kkp/k3.gif" width="100" height="150" border="0" name="Sample3" id="Sample3"/></a><a href="Tips01.htm" onmouseout="ImgChenge('Sample4', 0)" onmouseover="ImgChenge('Sample4', 1)">
<img src="imgs/kkp/k4.gif" width="100" height="150" border="0" name="Sample4" id="Sample4"/></a><a href="Tips01.htm" onmouseout="ImgChenge('Sample5', 0)" onmouseover="ImgChenge('Sample5', 1)">
<img src="imgs/kkp/k5.gif" width=" 90" height="150" border="0" name="Sample5" id="Sample5"/></a><a href="Tips01.htm" onmouseout="ImgChenge('Sample6', 0)" onmouseover="ImgChenge('Sample6', 1)">
<img src="imgs/kkp/k6.gif" width="110" height="150" border="0" name="Sample6" id="Sample6"/></a><a href="Tips01.htm" onmouseout="ImgChenge('Sample7', 0)" onmouseover="ImgChenge('Sample7', 1)">
<img src="imgs/kkp/k7.gif" width="100" height="150" border="0" name="Sample7" id="Sample7"/></a>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Visual Basic(VBA) PowerPoint VBA で画像の鮮明度を変更する方法がわかりません 2 2023/03/24 13:34
- Excel(エクセル) EXCELのグラフを画像(JPG形式)で保存、通常実行がうまく行かない。ステップインはうまく行く 3 2022/08/30 12:06
- Instagram インスタの画像を複数枚投稿出来るものと出来ないものがある問題についてどなたか教えて下さい。 インスタ 4 2022/06/07 13:53
- 日本語 複数枚ある画像を日付降順(最新順)に並べた場合、最新から3番目までの順位を何と言いますか? 2 2022/08/05 23:14
- HTML・CSS 画像が分割されて切り替わる、ループアニメーションが作りたい 7 2023/05/27 17:12
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
- Illustrator(イラストレーター) ワードに貼った画像のキャンバスと画像本体のサイズの調整 2 2022/05/19 18:31
- Excel(エクセル) エクセル、画像ファイル名の書かれたセル(複数個所)に画像を一括で表示させる方法 1 2023/04/19 00:19
- Yahoo!メール Aliexpressから送られてくる画像メールの画像が表示されない 1 2022/05/30 09:10
- Illustrator(イラストレーター) 会社の名刺作成時にロゴを配置する方法 3 2023/06/06 18:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
selectのonChangeが動作しません
-
<JavaScript>tableタグを入力不...
-
テキストエリアに入力した改行...
-
JQueryでテーブルの行を追加し...
-
クリックごとに文字色が交互に...
-
テーブルの行数を可変長にした...
-
【jQuery】tableループ内のIDの...
-
jquery.csv2table.jsのテーブル
-
外部のデータファイルの読み込...
-
javascriptで画像をテーブルに...
-
画面表示とともに、テーブルの...
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
-
テキストボックス入力を半角英...
-
【jQuery】input nameの文字列...
-
二つの入力欄に、同時に同じ文...
-
onchangeイベントを強制的に発...
-
<input>の選択肢をプルダウンメ...
-
ボタンかリンクをクリックする...
-
%の計算の仕方
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<JavaScript>tableタグを入力不...
-
selectのonChangeが動作しません
-
画面表示とともに、テーブルの...
-
テーブルの行数を可変長にした...
-
javascriptで画像をテーブルに...
-
テキストエリアに入力した改行...
-
プルダウンメニューを表の中に...
-
【jQuery】tableループ内のIDの...
-
javascriptで<table>背景色の取得
-
csvファイルのデータを変数とし...
-
javascriptでクリックするごと...
-
Javascriptでテーブルタグの座...
-
table内で上下するfloating men...
-
tbody要素のinnerHTMLが書き換...
-
テーブルのセルのクリック時、...
-
外部CSVをサイトに読み込み表示...
-
Table内TDの子要素を移動させた...
-
指定のテキストをクリックする...
-
javascript でテーブル操作
-
クリックごとに文字色が交互に...
おすすめ情報