OKWAVEのAI「あい」が美容・健康の悩みに最適な回答をご提案!
-PR-
解決
済み

HPに縦線を!!

  • すぐに回答を!
  • 質問No.207779
  • 閲覧数857
  • ありがとう数0
  • 気になる数0
  • 回答数4
  • コメント数0

お礼率 54% (100/183)

HPに縦線が引きたい!!

誰か~~~~~

お願い~~~~~~~~
通報する
  • 回答数4
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

質問者が選んだベストアンサー

  • 回答No.3
レベル5

ベストアンサー率 40% (2/5)

一応、前2人の補足という感じになりますが、

横幅100ピクセルの線を引く方法
<hr width="100">

ブラウザ(表示されている画面)の半分(50%)の線を引く方法
<hr width="50%">

テーブルを使う方法
<table>
<tr>
<td width="100"> ←横幅100のテーブルを作成
<hr> ←テーブル内に横線を引く
<hr width="50%"> ←テーブル横幅の50%分の横線を引く
</td>
</tr>
</table>
-PR-
-PR-

その他の回答 (全3件)

  • 回答No.1
レベル9

ベストアンサー率 40% (41/102)

こんにちは! 結構簡単なのはテーブルを使ったりするのですが あえて省略し、線を書くという部分の解説です。 1px×1px の画像(線の元)「line.gif」を用意します。 <img src="line.gif" width="1" height="n"> でnの長さの縦線が書けます。 これをテーブル等 ...続きを読む
こんにちは!

結構簡単なのはテーブルを使ったりするのですが
あえて省略し、線を書くという部分の解説です。

1px×1px の画像(線の元)「line.gif」を用意します。

<img src="line.gif" width="1" height="n">

でnの長さの縦線が書けます。

これをテーブル等と組み合わせれば簡単に画面分割
等に使えると思いますよ~
補足コメント
0011223

お礼率 54% (100/183)

なななるほど!!・・・

>結構簡単なのはテーブルを使ったりするのですが
>あえて省略し・・・

よろしければこれも教えて下さい!!
トーシローなんでイロイロ試してみたいんで・・・
投稿日時 - 2002-01-30 19:14:51


  • 回答No.2
レベル5

ベストアンサー率 28% (2/7)

こんな方法も。 <hr style="width:よこのながさpx;height:たてのながさpx;"> 要素全体に対してなら <p style="border-left:ふとさpx 線種 いろ"> などなど 線種は何種類かありますがsolidが無難です。 スタイルシートなので多様な表現ができる一方、 ちぐはぐな作りこみ ...続きを読む
こんな方法も。
<hr style="width:よこのながさpx;height:たてのながさpx;">

要素全体に対してなら
<p style="border-left:ふとさpx 線種 いろ">
などなど
線種は何種類かありますがsolidが無難です。

スタイルシートなので多様な表現ができる一方、
ちぐはぐな作りこみをされたページでは
それにあわせてちぐはぐになってしまいます。
あとnetscape navigator 4以前の場合、
borderはデタラメな解釈をされます。
  • 回答No.4
レベル9

ベストアンサー率 43% (22/51)

たとえば2つのコラムに分けている場合とか、見る人の環境によって、かなり上下がちがってきますよね。そう言う場合、伸び縮みする縦線をつくった方がいいですよね。単純に実線でくぎる場合、1ピクセル幅の<td>で、好きな色をつければできます。 <td>左の内容</td><td>1ピクセル幅のセル</td><td>右の内容</td> ...続きを読む
たとえば2つのコラムに分けている場合とか、見る人の環境によって、かなり上下がちがってきますよね。そう言う場合、伸び縮みする縦線をつくった方がいいですよね。単純に実線でくぎる場合、1ピクセル幅の<td>で、好きな色をつければできます。
<td>左の内容</td><td>1ピクセル幅のセル</td><td>右の内容</td>
みたいな感じで。(その場合透明の1ピクセル画像とかを入れて下さい)
また、点線とか、模様とか飾り罫みたいなのを引きたいときは、<td>にbackgroundの指定をしてあげればできます。くり返してもおかしくないように小さな画像をつくって、指定すればOKです。
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ