- ベストアンサー
スタイルシートを使って線を引きたいのですが
dezimacの回答
- dezimac
- ベストアンサー率56% (2365/4208)
もしかして、hr以外の要素のマージンが働いていませんか? <p>ああああ</p> <hr> <p>ああああ</p> とかなっていれば、いくらhrのマージンを調整しても、pのマージンで空白できますよ。 body *{ margin: 0px; padding: 0px; } とスタイルシート設定すれば、body内の全ての要素でマージンもパディングも無効になります。 こうしておいて、マージンやパディングが必要な要素だけを設定した方が楽かもしれません。
関連するQ&A
- スタイルシートの使い方について
スタイルシートを用いてホームページを作成中なのですが、文章を読みやすくするために、文字と文字の行間を広くとるために下記のタグを挿入したのですが、テーブルの外に書いた文字(文章)の行間だけが変化して、テーブルの中に書いた文字の行間は変化しませんでした。 どのようにすればテーブルの中に書いた文字の行間を広くすることができるでしょうか?ご教授いただけましたら幸いです。宜しくお願いいたします。 <STYLE TYPE="text/css"> <!-- BODY { line-height: 150% } --> </STYLE>
- ベストアンサー
- HTML
- スタイルシート 見出しを区別させたい
何故HTMLがプログラミングカテゴリーなのか理解に苦しみつつ質問します。 ただ今スタイルシートなるものを勉強中?で、 現在 p { padding: 0em 1em 0em 1em; line-height: 1.2em; } としました。 余白と、行間をとっています。 そして、本文を <p>こんにちは。</p> などと書いているわけですが、 その本文中に下線などの見出しタイトルをつけたいと思っています。 いろいろ調べたら、クラスを作って適応させると分かったのですが、 p.title { うんたらかんたら } <p class="title">タイトル</p> とすると、何も変わりませんでした。 最初に指定している行間と余白も適応されていません。 どこが間違っているのか教えて下さい。
- 締切済み
- HTML
- スタイルシートでいうmarginは…
HTMLタグで言うと何にあたるのでしょうか? スタイルシートのmarginのように細かい設定は出来ず適当な余白を作るというタグだったと思うのですが… 3~4年前に使ったのですがそのデータを失くしてしまいまた使いたいと思い検索したのですが中々見つからず困っています
- 締切済み
- HTML
- スタイルシートでかけるものはスタイルシートを使った
非推奨タグでなくても、スタイルシートでかけるものはスタイルシートを使ったほうが良い? htmlでサイトを作ってるのですが、スタイルシートを使うべきかhtmlで書くべきか、 どちらでもかける場合があります。 その際どちらを使ったほうがいいのでしょうか?
- ベストアンサー
- HTML
- 外部スタイルシートがテーブル内に効かない
外部スタイルシートの設定が、テーブル内には効きません。 特に、フォントや行間を効かせたいのですが、どうしたらいいのでしょうか。 以下、大雑把ですが。 #main { float: none; margin-left: 132px; line-height: 1,5em; margin-top : 50px; } #main td, th { line-height: 1,5em; } と外部スタイルシートで指定していて、 <DIV id="main"> <TABLE cellpadding="10" background="image/003-002.gif" style="filter:Alpha(opacity=75);"> <TBODY> <TR> <TD> <H3>内容</H3> </TD> </TR> </TBODY> </TABLE> というようなテーブルを書きました。 テーブルがなければ、スタイルシートは効きます。 初歩的な質問だとは思うのですが、テーブル内に行間などを設定する方法をお願いいたします。
- ベストアンサー
- HTML
- スタイルシートで背景画像を指定
今までbodyタグで背景を指定していたのですが、スクロールバーや余白の設定で スタイルシートを使うことになったので、背景画像もスタイルシートで指定することにしましたが、何度やっても表示されません。 このように書いてみました。 <style type="text/css"> <!-- BODY { background-image:url(img/28.gif); } BODY { 余白の設定} BODY {スクロールバーの設定 } --> </STYLE> htmlと同じフォルダの中にある、imgフォルダの28.gifという画像です。 画像のパスは間違っていません。アップロードもしてあります。 スタイルシートの解説をしているサイトさんを見ても、 何が間違っているのかわかりませんでした。 なぜ背景が表示されないかわかる方いらっしゃいますか? 余白やスクロールバーはきちんと表示されているのですが・・・
- ベストアンサー
- CSS
- 行間幅、文字幅を設定するスタイルシートについて
行間幅、文字幅を設定するスタイルシートは <STYLE type="text/css"> <!-- body,tr,td { line-height : 12pt; letter-spacing : 1px;} --> </STYLE> こんな風にするのは、わかるのですが、 BBSのスキンや日記スキンのbody,tr,td部分で使う時、 BBSの書きこみフォームで一行行間を空けて 書きこむと、投稿部分(上のスタイルシートが設定されている) に反映された時に、行間があいてないようになってしまいます。 2行空けで書きこむと、1行空けで投稿部分に反映されます。 日記スキンでも同様です。 行間幅、文字幅を設定するスタイルシートを設定してる場合、 1行空けで記入して、ちゃんと1行空けで反映させるように するにはどうしたらいいのですか?
- ベストアンサー
- HTML
- スタイルシートについて。
スタイルシートを設定するのはいいのですが、複数のスタイルシートを同時に設定するやり方が分かりません。 片方のスタイルシートを、インターネットオプション→全般タブ→ユーザー補助→参照→スタイルシートを指定→OK、これで適用します。 これと同じ作業をもう一度して、もう片方のスタイルシートも設定する。 するとその前に設定していたスタイルシートが適用されず、もとに戻ってしまいます。 これは私だけなのでしょうか? それかやはり他にスタイルシートを複数適用させるやり方があるのでしょうか? やり方の分かる方、回答の方をお願いしたく思います。よろしくお願いします。
- ベストアンサー
- ネットトラブル
- スタイルシートについて
携帯サイトを運営してる者です。 スタイルシートで 「 display:none 」 というのを使うと、携帯からは表示されるが パソコンからは非表示になります。 その逆で、パソコンからは見れるが 携帯からは見れないというスタイルシートの使い方はありませんか? スタイルシート以外での対応などは、受け付けておりません。 スタイルシートでできない場合は、できないとお教え下さい。 よろしくお願い致します。
- ベストアンサー
- その他(プログラミング・開発)
- これもスタイルシートっていいますか?
<div style="text-align:left;"> 文字を 左に寄せる </div> このようなタグはスタイルシートというのでしょうか? style= を使ってるからスタイルシートですか?
- ベストアンサー
- HTML
お礼
回答ありがとうございます 確かにいわれるとおり <p>ああああ</p> <hr> <p>ああああ</p> になってました しかし外しても上は余白が小さくなりましたが 下はそのままです。 よろしくお願いします
補足
これはHRの位置を表すのではないですか? たとえば、hr {margin: 10px;}すると 上の余白は変わっても下の余白は変わらないです よろしくお願いします