こんにちは、ちょっと困ってるんですけど分かる方がいらっしゃったら教えて下さい。リンクしたところにマウスを置くと、文字の色と大きさが変わるって感じにしたくて、下記のようなタグを使用しました。するとコメントの次に行間をあけずにコメントを書きたくても、おそらくというタグを使用しているため、どうしても行間が空いてしまいます。しかしを抜くとブラウザの中にタグが出てきてしまいました。こういう場合、どうすればいいんでしょうか。・HEAD部の記述・BODY部の記述コメント

行間隔を無くす方法

解決済

質問者：budouaji
質問日時：2001/08/08 14:24
回答数：2件

こんにちは、ちょっと困ってるんですけど分かる方がいらっしゃったら教えて下さい。リンクしたところにマウスを置くと、文字の色と大きさが変わるって感じにしたくて、下記のようなタグを使用しました。するとコメントの次に行間をあけずにコメントを書きたくても、おそらく<P>というタグを使用しているため、どうしても行間が空いてしまいます。しかし<P>を抜くとブラウザの中にタグが出てきてしまいました。こういう場合、どうすればいいんでしょうか。
・HEAD部の記述
<STYLE TYPE=\"text/css\">

</STYLE>

・BODY部の記述
<P onMouseover=\"this.className=\'on\'\" onMouseout=\"this.className=\'off\'\">
コメント
</P>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： sight
回答日時：2001/08/08 14:34

P要素は段落を意味するブロック要素です。

ですから、当然行間があきます。
レイアウトのために、その場にふさわしくない意味を持った要素を使たマークアップをするのはおすすめできません。

この場合、onMouseoverなどのJavascript部分をAタグの中に入れてしまうか、または意味を持たないインライン要素であるSPANタグを使ってください。
<SPAN onMouseover=\"this.className=\'on\'\" onMouseout=\"this.className=\'off\'\">コメント</SPAN>
とし、改行を入れたいならば行末に<BR>を入れればＯＫです。

この回答への補足

ごめんなさい。私かなり素人なので、もう少し教えてもらってもいいですか？「￥」の中にFONT-sizeなどをいれたらいいんですか？もしよかったらサンプルソースを教えてください。ずーずーしくてごめんなさい

補足日時：2001/08/08 14:50

通報する

- 0
- 件

通報する

この回答へのお礼

ごめんなさい。意味がわかりました。ようするに<P>のタブの変わりに、<SPAN>を使うってことですよね。そうするとちゃんと行間が思うようになりました。本当にありがとうございました。

通報する

お礼日時：2001/08/08 15:13

No.2

回答者： ARC
回答日時：2001/08/09 02:47

こんな感じでしょうか？

<!doctype html public "-//W3C//DTD HTML 4.0//EN">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS"/>
<meta http-equiv="Content-Style-Type" content="text/css"/>
<title>TEST</title>
<style>

</style>

</head>
<body>

<p class="Lnk"><a href="hoge.htm">ほげほげ</a></p>
<p class="Lnk"><a href="moga.htm">もがもが</a></p>
<p class="Lnk"><a href="fugo.htm">ふごふご</a></p>

</body>
</html>