• ベストアンサー

HPに縦線を!!

HPに縦線が引きたい!! 誰か~~~~~ お願い~~~~~~~~

  • HTML
  • 回答数4
  • ありがとう数0

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

  • ベストアンサー
回答No.3

一応、前2人の補足という感じになりますが、 横幅100ピクセルの線を引く方法 <hr width="100"> ブラウザ(表示されている画面)の半分(50%)の線を引く方法 <hr width="50%"> テーブルを使う方法 <table> <tr> <td width="100"> ←横幅100のテーブルを作成 <hr> ←テーブル内に横線を引く <hr width="50%"> ←テーブル横幅の50%分の横線を引く </td> </tr> </table>

その他の回答 (3)

  • nyanchu
  • ベストアンサー率43% (22/51)
回答No.4

たとえば2つのコラムに分けている場合とか、見る人の環境によって、かなり上下がちがってきますよね。そう言う場合、伸び縮みする縦線をつくった方がいいですよね。単純に実線でくぎる場合、1ピクセル幅の<td>で、好きな色をつければできます。 <td>左の内容</td><td>1ピクセル幅のセル</td><td>右の内容</td> みたいな感じで。(その場合透明の1ピクセル画像とかを入れて下さい) また、点線とか、模様とか飾り罫みたいなのを引きたいときは、<td>にbackgroundの指定をしてあげればできます。くり返してもおかしくないように小さな画像をつくって、指定すればOKです。

  • siraq
  • ベストアンサー率28% (2/7)
回答No.2

こんな方法も。 <hr style="width:よこのながさpx;height:たてのながさpx;"> 要素全体に対してなら <p style="border-left:ふとさpx 線種 いろ"> などなど 線種は何種類かありますがsolidが無難です。 スタイルシートなので多様な表現ができる一方、 ちぐはぐな作りこみをされたページでは それにあわせてちぐはぐになってしまいます。 あとnetscape navigator 4以前の場合、 borderはデタラメな解釈をされます。

参考URL:
http://tohoho.wakusei.ne.jp/wwwcss2.htm#Border
  • TRADA
  • ベストアンサー率40% (41/102)
回答No.1

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

0011223
質問者

補足

なななるほど!!・・・ >結構簡単なのはテーブルを使ったりするのですが >あえて省略し・・・ よろしければこれも教えて下さい!! トーシローなんでイロイロ試してみたいんで・・・

関連するQ&A

  • HPのレイアウトで縦線を入れるには?

    下記URLのサイトのように、HPの外枠に縦線を入れたいのですが、入れ方がわかりません。 URL:http://www.netyasun.com/ (※上記URL内の「水色の背景」と「HP」の境目の青色の境界線(枠線)のことです) 初歩的な質問過ぎて大変申し訳ございませんが、調べてもわからなかったため質問させていただきました。 どなたかご教授願えれば幸いです。

    • ベストアンサー
    • HTML
  • 縦線

    今、初めてHPを作っていて、いろんなサイトを回りながら 作っているんですが、横線を付けるのは<hr> </hr> ということは分かったんですが、 縦線の付け方が分かりません、、 メモ帳などにどう書けばいいか教えてください、、

  • 爪に縦線

    爪に縦に突起した縦線が入っています。 年をとると縦に線が入ってくると、HPでみたのですが、私はまだ24です。 これは、なんなのでしょうか? また、爪が割れやすいのですが、強くするためには、 どうすればいいですか??

  • --------の縦線

    -------------------の縦線を引きたいのですが、どうしてもできません。 どうすればいいでしょうか? 使ってるOSはWindows Meです。

  • 爪の縦線

    私は爪に縦線が入っています。この縦線は老化現象と聞いたことがあります。私はまだ大学生です。この縦線のせいで爪につやがなく見た目の悪い爪になりました。これは治せますか?

  • 印刷の縦線がゆがむ

    MG3630 横線は大丈夫ですが縦線がゆがみます。ずれるのとは違い、ぐにゃぐにゃとなります。 補正または直し方の分かる方宜しくお願い致します。 ※OKWAVEより補足:「キヤノン製品」についての質問です。

  • 画面に入った緑の縦線が消えません

    LIFEBOOK WA2/D1を使用しています。 4月上旬にエクセルを使用した際の名残と思われるような緑の縦線がずっと消えません。 しばらくPCを使用しておらず、気づいたのは4月下旬頃で、そのときは縦線と画面下部にタスクバーの名残のようなものもありましたが、後者は背景を変えたところ消えました。 FMVのHPのBIOSセットアップの状態の確認(4月下旬はBIOSには縦線は表示されなかったが、今日はBIOSでも縦線がある)、 再起動、放電は数回行いましたが改善しません。 前回はBIOSセットアップでも正常に表示されたため、最新ディスプレイドライバーのインストールもFAQ参考に行いましたが縦線は消えません。 気にしなければいいのですが、これ以上ひどくなると困ってしまいます。会社のPCでもエクセルの名残で線が残ることはありましたが、大抵再起動すると直ったのですが。 私用のPCで購入してから半年ほどで、使用頻度は週一回使うか否か程度です。 原因や改善方法などご存じの方、ご教示頂けますと幸いです。 何卒よろしくお願い致します。 ※OKWAVEより補足:「富士通FMV」についての質問です。

  • wordの縦線

    表の横線に重なるように縦線をひきたいのですが、縦線の始点が横線につかないように引きたいのですが、どなたかやり方ご存知でないでしょうか?お願いします。

  • 縦線がガタガタになる

    PX-M5081F使用してます ギャップ調整、 双向印刷解除 印刷品質→きれい 内部ローラークリーニング をしても縦線がガタガタになります A4縦の場合→縦線です横線は異常なし 修理が必要でしょうか? ※OKWAVEより補足:「EPSON社製品」についての質問です。

  • 縦線タブが消せません

    word2007で縦線タブを設定しましたが、印刷すると縦線が印刷されてしまいます。消去する方法を教えてください