- ベストアンサー
上に隙間の無いサイトを作りたい
http://www.hot-dining.com/ のように、 上下に隙間のないテーブルを作成したいのですが 作り方が分かりません。。 ホームページビルダーでＨＰを作成しているのですが、 何か特別な記述やタグが必要なのでしょうか。 ビルダーで作ると上に隙間が出来て格好わるいです。 http://www.internetmarketing.jp/index.html このサイトのように横に線を入れたりしたいので、 もしよろしければ横に線を入れる方法も教えてください。 よろしくお願い致します。
- ash4545
- お礼率64% (65/101)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （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="**"> などのようにして貼り付けます
お礼
ありがとうございました！
関連するQ&A
- テーブルの線を上に引っ付けたい
ＨＰ作成初心者です。 いつも回答をいただき、大変感謝しております。 http://home1.netpalace.jp/9/top.cgi このサイトのようにテーブルの線が画面の上下に貫通（？）しているようにしたいのですが どのようなタグを入れればいいのでしょうか？ よろしくお願いします。
- 締切済み
- ホームページ作成ソフト
- 表の上下の隙間をなくす方法
こんにちは。 ホームページビルダー１３を使って表でレイアウトしています。 表の高さを１００％にしているにもかかわらず、上下に少し隙間ができてしまいます。 この隙間をなくすにはどうすればよいでしょうか？ どうぞよろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- テーブルの隙間を無くしたい
DreamWeaverCS4を使いホームページを作成しております。そこでテーブルについて、狙い通りに上手く表示が出来なくて困っております。どなたかご指導アドバイスをお願い致します。具体的な内容は下記のとおりです。 ・テーブルを「７列２行（全体の大きさは横700px×縦100px）」で作成し、内訳は１行目は、一枠横100px×縦50pxの大きさで７枠作成。２行目は横700px×50pxで作成。 上記内容のテーブル１行目に横100px×縦50pxのサイズの画像を７つ挿入。そして２行目には横700px×縦50pxの画像を１つ挿入しました。 そしてテーブルの設定は「ボーダーは0」です。 しかし、画像挿入後には２行目の画像横700px×縦50pxが入っているテーブルに隙間が出来て背景が見えてしまいます。１行目を見ると…微妙に各画像間の間に隙間が空いていて、この隙間が全体的に700pxを超えているようなんです。それで、２行目の画像に対して背景が見えて（テーブルの幅が広がってしまっています）いるのです。 そこでですが、画像を配置後にテーブルの隙間をきっちりと無くして背景が見えなくする方法ってあるのでしょうか？ 解る方がいましたら…ご指導…アドバイスをお願い致します…。よろしくお願い致します…。
- ベストアンサー
- HTML
- テーブルの線を上に付けたい
http://home1.netpalace.jp/9/top.cgi このサイトのようにテーブルの線が画面の上下に貫通（？）しているようにしたいのですが どのようにタグを打てばいいのでしょうか？ よろしくおねがいします。
- 締切済み
- HTML
- htmlのフレーム間の隙間について
htmlで上下に分けてでフレーム処理をするのですが、ネスケは大丈夫なのですが、IEでは、1ドットくらいの隙間ができてしまいます。 この隙間をなくすことはできないのでしょうか？ <frameborder="0" border="0" framespacing="0" >などと記述してあるのですが、それ以外になにか効果的なタグ（もしくは方法）があれば教えてください。 よろしくお願いします。
- ベストアンサー
- HTML
- テーブルの隙間について
テーブルについてあまり理解できていませんが、理解しようとやってはみるもののうまくいきません。 今までビルダーの６ではなんとなくできたからこれでいいやでやってきました。ですからテーブルなど自分がややこしいと思ったものは使わずにきました。 ですがホームページビルダー１０を手に入れ、今ホームページをリニューアル中でして、今回は自分で満足できるものを作りたいと思っています。 ですがテーブルがどうもうまくいきません。 セルとセルの繋がるところがうまくいかず画像を入れると隙間ができてしまいます。罫線の幅を０にして枠表示のチェックもはずしているのですが画像が繋がってくれません。 どうしたらよいのでしょうか？ よろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- 二つめのサイト
ホームページビルダーで、２つめのサイトを作成しようと思っています。 １つ目のサイトのアドレスは、http://×××.×××.jpです。 ですが、トップページのファイル名はindexで、 http://×××.×××.jp/index.htmとウェブ上では、 こちらのアドレスでもサイトを見ることができます。 ２つ目のサイトは、どういったアドレスにすればいいのでしょうか？ ファイル名もどうすれば、よいのでしょうか？ もうひとつ、質問ですが、 アフィリエイト会社に登録しているのですが、 ２つ目は、また別に登録しなおす必要があるのでしょうか？ 教えてくださいっ！
- ベストアンサー
- ホームページ作成ソフト
- このようなサイトを作るにあたって、費用は‥？
お世話様です。 ホームページビルダー１１を使っています。 http://www.sppp.jp/index.php http://www.cashback.ne.jp/ このようなサイトを作りたいのですが‥ 費用はどのぐらい必要でしょうか？？ ちなみに、自分でHPを作成したいと思っています。 別に、お小遣いがほしいとかそのような理由ではないのですが とりあえず、ログインもできてその人の個人ページが作成できる‥ みたいなサイトの作り方を教えてください。 よろしくおねがいします。
- 締切済み
- インターネットビジネス
- webサイトのレイアウトについて
tableタグでHPのレイアウトに挑戦中ですが、 自作サイトのトップページ上部にロゴとサイトの売り文句を横一線に<table border=0>で並べようとするのですが、テーブルの1マスと1マスの間に隙間ができてしまいます。 okwebのページ上部にあるキャラクターや『みんなの質問に、みんなで答える、Q&Aサイト！！』と挿入されている、隙間の無い、丸みを帯びたL字型の帯を挿入するためにはどうしたらよいのでしょうか？ ちなみに手元にあるHP作成に役立つツールは ○フォトショップエレメント ○Homepage Manager ○ペイント です。
- ベストアンサー
- CSS
- タブ（画像）とすぐ下のケイ線をすき間なくくっつけたいが、できません
ホームページビルダーでサイトを作っています。 タブ（画像）と、すぐ下のケイ線をくっつけたいのです。しかしできません。 すき間が空いてしまいます。 これが現況です。 http://homepage2.nifty.com/queensroad/ ここにあるオレンジ色のタブ「コレクション１」の画像と、下の同じ色のケイ線を すき間なくくっつけたいのです。 しかし、できません。 検索したところ、すでに似たご質問に次のようなものがありましたが、 私の場合は解決できません。 http://okwave.jp/qa3023427.html 私のページでの現在までのやりかたはこうです。 ・２行１列の表をつくり、１行目にタブの画像を置きました。 ・２行目は、「スタイルの設定」→「レイアウト」→「ボーダー」で ２ピクセルの実線を同じオレンジで入れこれをケイ線としました。 ・タブとケイ線をくっつけるため、 １行目の「コレクション１」の画像を、 「スタイルの設定」→「レイアウト」→「下方向」の「マージン」を 「－５ピクセル」にしました。 すると、ホームページビルダーの「ページ編集」画面上では タブの下とケイ線が見事くっついたのですが、 「プレビュー」やアップロードしてIE7で見てみると、 「コレクション１」の画像の下が欠けていて、すき間が空いています。 「-6 PIXEL」「-7 PIXEL」にしていくと、タブの下がどんどん欠けていくだけで すき間は同じ間隔だけ空いたままです。 それでは、と、下のケイ線を「スタイル」→「レイアウト」で、 「上」の「マージン」を「－５ピクセル」にしたりしましたが 何の変化もありません。 どのようにすればタブと下のケイ線はくっつけられるでしょうか。 そもそも、表の1行目にタブ（画像）を置いて2行目のセルのケイ線を組み合わせる、 というやりかた自体が間違っていて、 もっと「標準的な」というか「王道」の、ほかのやり方があるのでしょうか。 なにとぞアドバイスをお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
お礼
ありがとうございました！