Borderの色が・・・
-
0 名前： デジタルホウヤ ： 2005/09/28 13:54
- HTMLについて質問です。
javaスクリプトでマウスが重なったときに違う画像を出すとうい制御を行ったのですが次のソースを加えたら画像の枠が黒から紫へ変化してしまいました。
どこの部分で変わってしまったのか教えてください＞＜
<head>
<title>たいとる</title>
<script Language="JavaScript"><!--
function swImg(iName,str)
{
document.images[iName].src = str;
}
// --></script>
</head>
<a href="#" onMouseover="swImg('myIMG','GIF/top2.GIF')" onMouseout="swImg('myIMG','GIF/top.GIF')">
<img src="GIF/top.GIF" name="myIMG" border="5"></a>
-
1 名前： 愛浦憂馬 ： 2005/09/28 13:54 ［URL］
- こっちどうぞ〜。
http://www.tagindex.com/cgi-lib/q4bbs/patio.cgi
-
2 名前： tk ： 2005/09/28 13:54
- javascripの部分とは関係なさそうなのでこちらで、
たぶん、
<img src="GIF/top.GIF" name="myIMG" border="5">のボーダーに色の指定がしていないからだと思うので、
こんな感じで。
<img src="GIF/top.GIF" name="myIMG" style="border:5px solid #000000;">
borderの色は宣言されていないとその要素のcolorの色になる。
colorの色は宣言されていないとその親要素のcolorを継承する。
よってimg要素のボーダーの色がA要素のcolorの色になるという感じだと思います。
-
3 名前： Pid ： 2005/09/28 13:54
- > 枠が黒から紫へ変化してしまいました。
CSS の問題。tk さんが仰るように，HTML とも JavaScript とも関係ありません。
・a img { border-color: black; }。
板違いついでに，何だかえらく古い書き方をしていますね (^^;)。
・script 要素には type 属性が必須，language 属性は非推奨（JavaScript 1.2 を特に使うのでなければ language 属性は不要）。
・img 要素の name 属性は非推奨（NN4 にも対応させたいのなら別）。一般には id 属性。
・document.images は非推奨（NN4/IE4 にも対応させたいのなら別）。一般には getElementById() もしくは getElementsByTagName('img')。
・img 要素にも onmouseover 属性はあるので，わざわざ空アンカーを用意する必要はありません（NN4 にも対応させたいのなら別）。
・img 要素に alt 属性が無いのはコピーミスでしょうか。
