altタグのことで

ホームページのヘッダー画像を<h1></h1>で囲んでいるため、画像のalt属性の""内を空白にできずHP名にしなくてはいけません。
そのため、マウスオーバーするとHP名が浮かび上がりとても見栄えが悪いです。
マウスオーバーでの表示をなくす方法は無いでしょうか？
どなたかよろしくお願いします。

No.2 ベストアンサー 回答者： kuronekoyarou 回答日時： 2006/05/21 23:02

<h1><img src="header.gif" width="400" height="20" border="0" alt="ヘッダ画像" title=""></h1>

上記のようにalt属性は指定して、title属性を空で指定するっていう方法で解決できると思います。

この回答へのお礼

ありがとうございます。
できました！！
ところでヘッダー画像の下にTABLEをおいているのですが<h1>タグがあるのでヘッダー画像とTABLEの間に隙間があいてしまいます。
CSSでfontのサイズを0に設定してみたのですがどうやら0は無いようですね。
隙間をなくすのはどうすればいいのでしょうか？
ふたたび質問申し訳ありません。

お礼日時：2006/05/21 23:15

No.6 回答者： kuronekoyarou 回答日時： 2006/05/22 10:04

#4です。

＞上記のタグはすべてh1に関連するタグなのでしょか？
h1だけに指定しているわけではなく、
* {margin:0;}
というように*(全ての要素）のCSSの指定を一度リセットしています。
*はユニバーサルセレクタといってh1～h6,p,dl,ulなHTML全ての要素っていう意味になります。
http://www.tg.rim.or.jp/~hexane/ach/hscs/hscs5-0 …

あと
* {margin:0;}は
セレクタ{プロパティ:値;}の形になっています。タグとは呼びませんので
念のため…

No.5 回答者： noname#19206 回答日時： 2006/05/22 01:24

alt をタグとは言いません。

タグというのは img や h1 など種類を示すものであり、正式な言い方は要素といいます。
一方値を指定する部分に俗称のようなものはありませんが、正式な名称は属性・指定された値を属性値と呼びます。

＞そのため、マウスオーバーするとHP名が浮かび上がりとても見栄えが悪いです。
title="" で IE の alt ポップアップは潰せますが、それ以外の環境全てにも効果があるわけではありません。
title 属性と alt 属性を同時に取得するような環境では無意味です。

複数の環境を考慮するのであれば、JavaScriptなんかを使うともう少し確実性が上がるのではないかと思います。

この回答へのお礼

そうですか。あまりよくわからずやっているので気づきませんでした。

まあ、訪れている方が確認できるものはほとんどIE6なのでまあこれでいいかなぁと思っています。

Javascriptですか。難しそうですね。
もしよければJavascriptではどうすればいいのか教えていただけないでしょうか？

それとちょっと気になったんですが普通に文字を<h1></h1>で囲むのと画像を<h1></h1>で囲むのとではSEO的に同じ効果を発揮してくれるのでしょうか？

何回も質問してしまってすみません。
気になるもので・・・。

お礼日時：2006/05/22 09:31

No.4 回答者： kuronekoyarou 回答日時： 2006/05/21 23:58

#2です。

最初にmargin、padding以外にも全ての要素のstyleをリセットした方がいいと思います。
* {
margin:0;
padding:0;
list-style:none;
font-size:100%;
font-weight:normal;
font-style:normal;
color:#666666;
}
body {
line-height:100%;
}
a:link {
color:#0000FF;
text-decoration:none;
}
a:visited {
color:#0000FF;
text-decoration:none;
}
a:hover {
color:#FF0000;
text-decoration:underline;
}
a:active {
color:#FF0000;
text-decoration:underline;
}
一度リセットした上で必要な指定を追加していく方が制御しやすいです。

この回答へのお礼

ありがとうございます。
上記のタグはすべてh1に関連するタグなのでしょうか？
それとも
h1 {
margin:0;
padding:0;
}
だけでなく

h1 {
margin:0;
padding:0;
list-style:none;
font-size:100%;
font-weight:normal;
font-style:normal;
color:#666666;
}

こうしたほうがいいということでしょうか？
何度もすみません。

お礼日時：2006/05/22 09:26

No.3 回答者： goldfox 回答日時： 2006/05/21 23:38

＞隙間をなくすのはどうすればいいのでしょうか？

隙間というのは文字サイズではなく、余白です。
ですから設定するなら「margin:0;」（もしくはpadding:0;）ですね。

h1{margin:0; padding:0;}

この回答へのお礼

ありがとうございます！
できました！

お礼日時：2006/05/22 09:27

No.1 回答者： BLUEPIXY 回答日時： 2006/05/21 23:01

背景画像にするとか

この回答へのお礼

早速のご回答ありがとうございます。
背景画像にするとどうなるのでしょうか？
ほとんど無知なのでよくわかりません。

お礼日時：2006/05/21 23:09