- ベストアンサー
上に隙間の無いサイトを作りたい
http://www.hot-dining.com/ のように、 上下に隙間のないテーブルを作成したいのですが 作り方が分かりません。。 ホームページビルダーでHPを作成しているのですが、 何か特別な記述やタグが必要なのでしょうか。 ビルダーで作ると上に隙間が出来て格好わるいです。 http://www.internetmarketing.jp/index.html このサイトのように横に線を入れたりしたいので、 もしよろしければ横に線を入れる方法も教えてください。 よろしくお願い致します。
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
上下の隙間を無くすという意味なら、スタイルシートを使います。 <head></head>間に <style type="text/ css"> <!-- body { margin: 0px; padding: 0px; } --> </style> で余白が無くなります。 //レイアウト目的でガッチリテーブル組んでいるページは、今時これか・・・って感じで好ましくないです、個人的に^^;
その他の回答 (1)
- leap_day
- ベストアンサー率60% (338/561)
>上下に隙間のないテーブルを作成したいのですが こちらのほうサイト表示できないのでよくわかりません(--;) >このサイトのように横に線を入れたりしたいので、 スタイルシート使います(指定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="**"> などのようにして貼り付けます
お礼
ありがとうございました!
お礼
ありがとうございました!