ホームページの一番上の部分(ヘッダー)に赤いラインを入れるには
どんなソースが有効でしょうか。http://allabout.co.jp/のような感じです。
今はテキストで作成中です。教えてください。
仮にトリコロールっぽい細いラインを入れるのはかのうでしょうか。
No.2ベストアンサー
- 回答日時:
単純にbodyの上側のborderだけ指定する。
★デザインのためにHTMLを書くのは駄目!!
それを防ぐためにスタイルシートが導入された。
HTMLは文書構造を示し、スタイルシートでプレゼンテーションを指定する。
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
★ましてやHTML Validatorなどを通過するために手を加えるなんてもってのほか
下のソースはHTML4.01strictです。_はタブに置換すること
最大幅980pxですから、大きなディスプレイでは中心に小さなディスプレイではウィンド幅いっぱいに表示される。--all aboutは固定幅なので小さなウィンドウでははみ出ますが、下記のものははみ出ないので、i-phoneでも携帯電話でもOK・・
<head>
_<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
_<title>サンプル</title>
_<meta name="author" content="ORUKA1951">
_<meta http-equiv="Content-Style-Type" content="text/css">
_<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" >
_<link rel="START" href="../index.html">
_<style type="text/css">
<!--
body{margin:5px auto;border-top:5px red solid;width:100%;max-width:980px;}
-->
_</style>
</head>
<body>
_<h1>サンプル</h1>
</body>
</html>
No.1
- 回答日時:
<hr size=5 color=red style="margin-top:-8px;">
cssならば
<div style="width:100%;border-top:red 5px solid;margin-top:-8px;"><br></div>
<br>は、フリーソフトAnother HTML-lint gateway を使用して減点付きエラーで「<div>と</div>の間が空白です。」の対処です
margin-top:-8pxは、ページに隙間無く表示するためです。
-8pxの根拠は有りません、表示して確認ですので。
提示内容は、cssかな
参考URL:http://www.tohoho-web.com/html/hr.htm
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- ホームページ作成・プログラミング ホームページ作成について。「ワードプレスではありません」。 3 2023/08/13 14:44
- Access(アクセス) Accessで予定表を作成しようとしてます。 テーブル フィールド名 連番 オートナンバー型 年月日 2 2023/07/23 11:40
- Instagram HTML5の廃止とJavaScript 2 2022/04/13 21:05
- Chrome(クローム) 自作のホームページの画像でパソコンのChromeで見るとコナンの映像だけ写らなくて、マイクロソフトE 3 2022/06/09 18:00
- SEO Googleで会社名を入れて検索するとホームページが表示されるようにしたい 4 2022/09/06 23:36
- Google+ Googleのドキュメントの使い方を教えて貰いたいです。 書いたものを共有して格納場所に入れて 毎日 2 2022/05/02 10:55
- PHP Content-Typeが機能していない? 2 2022/07/17 11:10
- WordPress(ワードプレス) 初心者なので、分かりやすく教えていただけると幸いです。 数年前にホームページをとある会社で作ってもら 6 2023/05/12 14:30
- ホームページ作成・プログラミング 友人のホームページを引き継ぐには 2 2023/06/13 15:23
- その他(ビジネス・キャリア) 作業者の教育について質問です。 (ボヤキも入ってます(笑)) 自動車部品加工会社に勤務しています。 2 2022/04/07 18:28
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmltとcssのコードで
-
<h1>タグの後の行間を詰めたい。
-
CSSのtransform: translate(-50...
-
chromeだけbody直下に空白が開く
-
cssでheight: auto;を指定して...
-
text-alignの解除の方法
-
aタグに直接style=""で:hoverを...
-
HTMLフォームのSELECTの幅を一...
-
CSSでh1とその下の文字との行間...
-
なぜ左に寄っているの?
-
formタグ下にできる隙間を埋めたい
-
エクセルでサイズ指定でPOP...
-
バーコードのサイズは拡大縮小...
-
エクセルでサイズに合ったもの...
-
Excelの列や行の幅を表示...
-
Excel で等間隔で縦線を引きた...
-
Excel セルの幅が合わない
-
エクセル 画面表示拡大率によ...
-
markdownでテーブルの罫線は、...
-
PDFへてのテキストボックスにて...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
aタグに直接style=""で:hoverを...
-
HTMLフォームのSELECTの幅を一...
-
<h1>タグの後の行間を詰めたい。
-
なぜ左に寄っているの?
-
インラインフレームの表示位置...
-
text-alignの解除の方法
-
CSSでh1とその下の文字との行間...
-
Formタグのブロックの高さについて
-
端から端まで横線を引きたい
-
FireFoxで見るとブラウザの幅に...
-
macとwindowsのレイアウト崩れ...
-
ホームページビルダー 空白の...
-
<legend>で表示されるタイトル...
-
INPUT TEXT内の文字位置を指定...
-
CSSで、height:100%の中央寄せ
-
CSSの設定
-
テキストボックスの様に文字の...
-
フッターだけが真ん中に行って...
-
スタイルシートでh1の属性行間...
おすすめ情報