HTMLで<HR>以外で線を引く方法はないですか？

締切済

質問者：GBSGBS
質問日時：2002/10/10 10:48
回答数：4件

<HR>で線を引くと線の上下にわずかなスペース（空白）ができてしまいます。
空白をできずに黒線を引く方法はないでしょうか？
急ぎでお願いします。

通報する

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

質問の本文を隠す

回答 (4件)

最新から表示
回答順に表示

No.4

回答者： LemonT
回答日時：2002/10/10 11:14

こんにちは。

IE限定ですが、VMLならお好きなところに線でもなんでも!?書けますよ。

<HTML xmlns:v="urn:schemas-microsoft-com:vml">
<HEAD>
<STYLE>
<!--
v\:*{behavior:url(#default#VML);}
</STYLE>
</HEAD>
<BODY>
（中略）
<v:line from="100,100" to="700,100" strokecolor="black" strokeweight="2px" />
（中略）
</BODY>
</HTML>

from・・・開始X、Y座標
to・・・終了X、Y座標
strokecolor・・・線の色
strokeweight・・・線の太さ

- 1
- 件

通報する

No.3

回答者： nipotan
回答日時：2002/10/10 11:03

昔、Yahoo! JAPAN に、色付きの線が出てた時 (エラく昔だなぁ…) のテクニックはこんなだったです。

この方法は、<hr> タグも、画像も使ってません。

---
<table border=0 cellspacing=0 cellpadding=0 width=500>
<tr>
<td bgcolor="#0000ff">
<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td height=3></td>
</tr>
</table></td>
</tr>
</table>
---
要するに、<table> の中に、高さ指定が入った空っぽの <table> を配置しています。この空っぽの <table> が無いと、縦幅が指定できないばかりか、色も付きません。

一応、大手 Yahoo! がやってたぐらいなので、ブラウザによる見え方の違いは無いです。
当時、某サイトに「Yahoo! はトリッキーな HTML を書いている」なんて評されていましたが、こういうテクニックも実にトリッキーだと思います。