• ベストアンサー

上に隙間の無いサイトを作りたい

http://www.hot-dining.com/ のように、 上下に隙間のないテーブルを作成したいのですが 作り方が分かりません。。 ホームページビルダーでHPを作成しているのですが、 何か特別な記述やタグが必要なのでしょうか。 ビルダーで作ると上に隙間が出来て格好わるいです。 http://www.internetmarketing.jp/index.html このサイトのように横に線を入れたりしたいので、 もしよろしければ横に線を入れる方法も教えてください。 よろしくお願い致します。

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

  • ベストアンサー
  • 345itati
  • ベストアンサー率48% (795/1639)
回答No.2

上下の隙間を無くすという意味なら、スタイルシートを使います。 <head></head>間に <style type="text/ css"> <!-- body { margin: 0px; padding: 0px; } --> </style> で余白が無くなります。 //レイアウト目的でガッチリテーブル組んでいるページは、今時これか・・・って感じで好ましくないです、個人的に^^;

ash4545
質問者

お礼

ありがとうございました!

その他の回答 (1)

  • leap_day
  • ベストアンサー率60% (338/561)
回答No.1

>上下に隙間のないテーブルを作成したいのですが  こちらのほうサイト表示できないのでよくわかりません(--;) >このサイトのように横に線を入れたりしたいので、 スタイルシート使います(指定URLの線は画像を貼り付けてるだけなので後述します) <head> <title></title> #ここから <STYLE type="text/css"> HR { color: #cc6666; background-color: #cc6666; height: 3px; border-color: #993333 #ff9999 #ff9999 #993333; border-width: 1px; border-style: solid; } </STYLE> #ここまで </head> <body> ・・・・ <hr> #<==この部分が水平線になります(表示部) ・・・・ </body> -------------------------------------------- HR{  }の中身 color: #cc6666; <=IE用 background-color: #cc6666; <=NN用 =>線本体の色です #FF0000 や RED のような感じで色指定してください height: 3px;  =>線の太さです border-color: #993333 #ff9999 #ff9999 #993333; =>線の上下左右の枠の色です(上右下左の順です) border-width: 1px; =>↑の枠の太さです border-style: solid; =>枠の描き方の種類です   double : 二重線  dashed : 点線(□ブロック)  dotted : 点線(○ブロック)  inset(outset) : 立体線 あと他にも width: 200px =>線の長さ text-align: right(left,center); =>(↑で長さ指定したときに)線の位置を指定 線にグラデーションをつける http://css.eweb-design.com/1305_fhr.html 線に画像を貼り付ける http://css.eweb-design.com/1304_khr.html などがあります 複数の種類の線を使いたいのであれば 『HR{ }』のところを『H1{ }』のようにして複数個{ }指定します んで表示部で『<HR>』のところを『<H1></H1>』のようにします ↑</h1>で閉じないとそれ以下の水平線が対応できません >指定URLの線は画像を貼り付けてるだけなので 作画ソフトで画像を作り <img src="./***.gif" alt="***" width="**" height="**"> などのようにして貼り付けます

ash4545
質問者

お礼

ありがとうございました!

関連するQ&A