外出自粛中でも楽しく過ごす！QAまとめ>>

ラインを端から端まで画面いっぱいに引きたいのですが(タイトルを記入する為)どうすれば良いのでしょうか？

締切済

  • 質問者：fewoijl
  • 質問日時：
  • 回答数：2件

このサイトのタイトルのようにしたいのです。
http://www.ilovenakama.com/html/home.htm

通報する

この質問への回答は締め切られました。

質問の本文を隠す

このQ&Aに関連する最新のQ&A

「CSS ライン」に関するQ&A： インラインフレーム、ｃｓｓの質問です。

さらに表示

「画面 ライン」に関するQ&A： 【Linux/Fedora】コマンドライン画面の文字サイズは変えられないですか？

「CSS 表」に関するQ&A： 【CSS】表に線を入れる

「HTML 書き方」に関するQ&A： HTMLの書き方（HPの作り方）で困っています(>_<)！！

A 回答 (2件)

No.2

  • 回答者： k0021
  • 回答日時：

cssの場合は、border-top:Black 1px solid;で使用していますが。


指定は黒線の非常に細い線ですが。
私の場合、hrをcss表示で使用していますが。
指定サイトはNo.1の指摘どうりですが。
    • good
    • 0
    • 件
通報する

No.1

  • 回答者： honoka-cha
  • 回答日時：

調べ方：もしあなたがインターネットエクスプローラーを使ってそのサイトを見ているなら、[表示]->[ソース]とクリックすることでHTMLの書き方をじかに見ることができます。



結論：tableタグを使っているようですね。
<table width=100% border=0>
<tr>
<td>なんたらこうたら</td>
</tr>
</table>
こんな感じです。つまり、見た目は太いラインですが、実態は横長の表組ということです。
    • good
    • 0
    • 件
通報する

このQ&Aに関連する人気のQ&A

「画面 ライン」に関するQ&A： ムービーメーカー　プレビュー画面で再生できない・・・

さらに表示

「HTML 書き方」に関するQ&A： 海外への小包発送(小形包装物)方法

「CSS 表」に関するQ&A： 日商PC検定２級についてどう思いますか？

「CSS ライン」に関するQ&A： ハイパーリンクに下線を表示するには？

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

このQ&Aを見た人はこんなQ&Aも見ています

関連するQ&A

関連するカテゴリからQ&Aを探す

専門家回答数ランキング

専門家

※過去一週間分の回答数ランキングです。

Q質問する（無料）

他の専門家の回答をチェック

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q端から端まで横線を引きたい

携帯用ホームページを作りたいと思っているのですが、どの機種にも見れるようにしたいのです。
文字と文字の間に横線を引きたいのですが、どの画面サイズにしても端から端まで引けるようにするには、どんなタグを使えばいいのでしょうか？よろしくお願いします。

Aベストアンサー

<hr>で横線が描画されます。

例
あいうえお
<hr>
かきくけお

他の回答も見る

Q画面の端まで余白を残さずに表を出す方法を教えて下さい

ここのサイトや、http://www.ibm.com/jp/
このサイトのhttp://www.aimix.jp/index.htmlタイトルのところのように、フレームを使わず画面の端に余白を残さないようにするにはどうしたらよいのでしょうか？
ソースを見ると、表を使っているように思ったので、同じようにしてみたのですが余白が出来てしまいました。
ビルダー8の標準モードで作成しています。
色々調べたのですが、よく分かりませんでした。
ご存知の方がおられましたら、教えて下さい。
よろしくお願いします。

Aベストアンサー

やり方は色々あると思いますが、単純な方法は下記の通りです。

１．<div>を使う
<body style="margin:0px;">
<div style="width:100%;background-color:#C0D0FF;">test</div>
</body>

２．<table>を使う
<body style="margin:0px;">
<table border=0 width=100% style="background-color:#C0D0FF;">
<td>Title</td>
</table>
</body>

どちらにも共通している事ですが、<body>の部分で「 style="margin:0px;"」として、<body>の外側の余白(マージン)を「0ピクセル」に設定しないと余白は消えません。

「style="background-color:#C0D0FF;"」の部分は単純に背景色を設定しているだけです。

他の回答も見る

QCSSでborderの長さを指定、または可変にしたい。

下記のように指定していますが、これだと横幅いっぱいに下の線が表示されてしまいます。

文字なりの長さ、または指定のピクセル数にしたいのですが、どのようにしたらよいでしょうか。

h3{
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

Aベストアンサー

borderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。
h3{
width:???px;
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

また、文字数（ボックスの内容）に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。

HTMLの方も修正する方法でもよければ

<h3><span>××○○</span></h3>
のようにspanで囲い、スタイルをspanに対して指定する方法もあります。

h3 span{
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

borderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。
h3{
width:???px;
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

また、文字数（ボックスの内容）に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。

HTMLの方も修正する方法でもよけ...続きを読む

他の回答も見る

Qcssで「下よせ」ってどうやっていますか？

フロートのレフト、ライトはいいとして、

あるボックス要素内（Ａ）に異なるボックス要素（Ｂ）をいれます。
この（Ｂ）を（Ａ）の一番そこにはりつかせたい時にどうすれば
最もよいのでしょうか？

いいアイデアをご教授ください。

Aベストアンサー

こんなのはどうかな？

position: absolute;
bottom: 0px;

他の回答も見る

Qtableのcellpadding="0" cellspacing="0"をCSSで

tableのcellpadding="0" cellspacing="0"をCSSで設定する方法を検索したところ、
border-collapse:collapse;
border-spacing:0;
というアドバイスが記載されていました。
実際に使ってみたのですが、
どうしてもセル余白とセル間隔が発生してしまいます。
どうしたらよいですか。

Aベストアンサー

border-spacingはborder-collapseの値がseparateのときしか有効にならないそうです。
http://www.htmq.com/style/border-spacing.shtml

サンプルが
http://www.htmq.com/style/border-collapse.shtml
にあるので参考にしてください。

# それにしてもこんなプロパティがあるとは知らなかった…

参考URL：http://www.htmq.com/style/border-spacing.shtml

他の回答も見る

Qリンクをクリックした時にformからPOST送信したい。

HTML、PHP、JavaScript等でサイトを作っているのですが・・・。

【実現出来ている例】
<form name="form1" method="post" action="Next.php" onSubmit="return InputCheck()">
　<input type="submit" value="送信">
</form>
　submitボタンを一つ置いて、それがクリックされた場合に
formの内容をPOSTで送信する。

【実現したい例】
<form name="form1 method="post">
　<a href="Next.php" onClick="？？？">？？？</a>
</form>
　formの中のリンクをクリックされた場合に、formの内容を
POSTで送信したいのですが、その実現方法がわかりません。
GETで送るという手もあり得ますが、今回はどうしてもPOST
したいのですが。

Aベストアンサー

<form name="form1" method="post" action="Next.php">
<a href="#" onClick="document.form1.submit();">？？？</a>
</form>

onclick内の対象がform1としてあてているので、
アンカータグは別にform内に記述しなくても大丈夫です

form内にhidden等でnameとvalueを持ったパラメータがあればそれも送られます

アンカータグから動的にvalueを変更したい場合は、
document.form1.hogename.value = 'hoge';
等をsubmit()の前に行えば可能です

ただしform内に
<input type="hidden" name="hogename" value="">
を記述する等、変更先パラメータの元を用意する必要がありますのでご注意下さい

他の回答も見る

Qテーブルセル余白（例えば左側だけ、上側だけ、など）

こんにちは。
宜しくお願いいたします。

テーブル内のコードに、cellpadding="5" は
セル余白が上下左右のすべて、5ピクセル空きますが、

左側だけ5ピクセル、とか、上側だけ５ピクセル、のように
指定方向のみ、余白を作ることは可能でしょうか。

その場合のHTML記述を教えてください。

また、ここで質問させていただいている「指定方向への余白指定」と
全体余白指定の「cellpadding="ＸＸ"」は同時に使って
良いものでしょうか。
素人質問ですみません。
宜しくお願いいたします。

Aベストアンサー

１つのセルだけなら、下記で。
<td style="padding: 5px 10px 20px 30px;">
上の例は、上が 5px。 右が 10px。下が 20px。 左が 30px。
適当に数値変更してください。
cellpadding="5" と style="padding: 5px;"は同じになるはず。
<td style="padding: 5px;">

両方使うとどうなるかは、試して下さい。
cellpadding をここ数年利用していないので・・・

複数個所利用するなら、NO.1さんを参考に HEAD内に下記を入れて試してみましょう。
<style type="text/css">
<!--
td {padding: 5px 10px 20px 30px;}
-->
</style>

他の回答も見る

QHTMLフォームのSELECTの幅を一定にするためには？

HTMLフォームのSELECTの幅を一定にするためにはどのようにすれば
いいのでしょうか？

CSS等で設定できるとありがたいのですが、やり方がわかりません。

Aベストアンサー

<select style="width: 200px">

他の回答も見る

Qボタンを横に並べて表示させる方法

<input type="button"> ←このボタンを、並べて表示させるにはどうしたら良いでしょうか？ （tableは使わない方法で） よろしくお願いいたします

Aベストアンサー

ソースをください。

inputはインライン要素なので改行は入らないです。

他の回答も見る
ページトップページトップ

Q質問する（無料）

このQ&Aを見た人がよく見るQ&A

このカテゴリの人気Q&Aランキング

おすすめ情報