- ベストアンサー
ページに点線の枠を
arukamunの回答
- arukamun
- ベストアンサー率35% (842/2394)
こんにちは XPでIE6環境ですが、おっしゃるとおり点線になりませんでした。 <HTML> <BODY STYLE="{margin: 0px;}"> <TABLE WIDTH=100% HEIGHT=100% STYLE="{border-width: 1px; border-style: dashed; border-color: #000000;}"> <TR><TD></TD></TR> </TABLE> </HTML> のように<BODY>でmarginを0pxにして、<TABLE>でWIDTHとHEIGHTを100%にして、STYLEでborder関連を設定するということで出来ますが、面倒ですね。
関連するQ&A
- ホームページ 点線の入った表の書き方(CSSを使って)
表を作っています。 何度もチャレンジしながらやりましたが・・ギブアップ・・・分かりません。。わかる方がいらっしゃったら教えてください。 http://hw001.gate01.com/with-flower/tesuto/article04.html (1)1つの枠の中(物件)で区切りに点線を入れたいのですが、どのようにしたらいいでしょうか? (2)上下に重なった枠線を片方だけにできないでしょうか? または改行を入れようと思ったのですが、間隔が広すぎておかしくなります。改行幅の指定はできるのでしょうか? ↓CSS .solid {border-width:1px; border-style:solid; border-color:#330000;} .dashed {border-width:1px; border-style:dashed; border-color:#cccccc;}
- ベストアンサー
- Windows XP
- ページの内容が折り返してしまう。
ホームページを作成中で 今フレーム横割りで三分割したページを 枠で囲んで表示させたくて 下のようなタグを各ページに打ちこんでいます。 BODY {border-width:pt; border-color: #99ccff; border-style:solid; border-left-width:px; border-right-width:px; border-bottom-width:px; border-top-width:px} ですがお気に入りのウインドウを出したときや ウィンドウを小さくしたときに ページの内容が枠につぶされて レイアウトがくずれてしまいます。 ページを枠で囲んだまま 折り返しをできなくするようにするには どうしたらよいのでしょうか アドバイスお願いします。
- 締切済み
- HTML
- <hr>要素を点線で表示した場合の表記について
hrで点線を表示したいと考えています。 そこでまず下記Aのような指定をしたのですが、行数を減らすため、Bの表記に変更しました。 意味合い的には変わっていないと思うのですが、 なぜかfirefox等いくつかのプラウザで点線の下に薄いグレーが表示されてしまいました。 IEでは意図した通りに表示されます。 調べた所、薄いグレーはhr本来の色が表示されていること、 Bの表記に color: #fff; を追記すれば解決することは解ったのですが、 なぜまとめ表記にすることで表示が変わるのかが解らずすっきりしないので 質問させて頂きました。 詳しい方がいらっしゃいましたらよろしくお願いします。 -------------------------------------------------------------※ hr.A { border-width: 1px 0px 0px 0px; border-style: dashed; border-color: #000; height: 1px; width: 100%; } hr.B { border-top: 1px dashed #000; height: 1px; width: 100%; }
- ベストアンサー
- CSS
- floatがうまくいきません。
以下のスタイルシートに設定したのですが、 #content の幅をぴったしの値 width: 640px; にするとレイアウトが崩れてしまいます。 どこが間違っているのでしょうか。 また、参考になるページがあれば教えてください。 <body> <div id="wrapper"> <div id="header"> </div> <div id="pagebody"> <div id="navigation"> </div> <div id="content"> </div> </div> <div id="footer"> </div> </div> </body> body { margin: 0; padding: 0; } #wrapper { width: 760px; border-style: solid; border-color: red; border-width: 5px; } #header { width: 750px; height: 85px; border-style: solid; border-color: blue; border-width: 5px; } #pagebody { width: 750px; height: 500px; border-style: solid; border-color: orange; border-width: 5px; } #navigation{ width: 90px; height: 490px; border-style: solid; border-color: green; border-width: 5px; float: left; } #content{ width: 636px; height: 490px; border-style: solid; border-color: yellow; border-width: 5px; } #footer{ width: 750px; height: 30px; border-style: solid; border-color: bluck; border-width: 5px; }
- 締切済み
- CSS
- スタイルシートを使い<h1>で指定するには?
スタイルシートを活用して <p style="border-style: solid; border-color: green; border-width: 1px 4px; padding: 3px;"> ぼけぼけ </p> という枠を<h1>ぼけぼけ</h1>と指定しただけで表示させるにはどのようにスタイルシートを記述すればいいのでしょうか?
- ベストアンサー
- HTML
- Opera(10.10)でのスタイルシートの表示について
Opera(10.10)でのスタイルシートの表示について Operaでのスタイルシートの「border」の表示について質問させて下さい。 これは例ですが、HTMLとCSSを以下のとおりに設定しているとしますね。 ------------------------------------------------------------------ <body> <div id="layout"> <div id="box1"> <p>ボーダーのテスト</p> </div> </div> </body> ------------------------------------------------------------------ *{ margin : 0px; padding : 0px; } #layout{ width : 800px; height : 600px; padding : 10px; margin-left : auto; margin-right : auto; background-color : #FFF; } #box1{ width : 780px; height : 580px; padding : 10px; border-top : solid 1px #D1D1D1; border-left : solid 1px #D1D1D1; border-right : dashed 1px #D1D1D1; border-bottom : dashed 1px #D1D1D1; background-color : #FFF; } ------------------------------------------------------------------ このように設定した場合、「id="box3"」のボーダーは上と左が直線、 右と下が点線と表示されるのが正しい表示だと思います。 しかし、Operaで閲覧した場合なぜか「border-left」のみ表示されません。 「border-left」を「solid」から「dashed」に変更すると表示されます。 borderに合わせてwidthもちゃんと横に伸びているので、 CSSが適用されていないわけではないと思います。 また、「border-left」を「dashed」から「solid」に変更した場合には、 「border-top」と「border-right」の両方が見えなくなってしまいます。 どちらの問題も、IE6やFirefox(3.5.7)では指定通り正しく表示されました。 Operaでも同様に正しく表示させるにはどうすればよいのでしょうか。 よろしくお願いいたします。
- ベストアンサー
- HTML
- 日記の文章が枠に張り付いています・・
初心者です。CSS編集で色々参考にしてやってるのですが、どうしてもわかりません。 左寄せで枠つきで日記を書いてるのですが、 枠に字がぴったりとくっついていて、多少スペースを入れたいのですが、"padding"というので合っていますか?さらにこの中で↓どこにそれをいれればいいのかわかりません・・・。 /* ----------------------- MainColumn ----------------------- */ #main { padding-bottom: 10px; } /*message*/ #message{ P STYLE="line-height: 1.8;" width:99%; margin-bottom: 15px; border-top: 1px dashed #778899; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #778899; } #message .contents{ margin-top: 10px; margin-bottom: 10px; }
- ベストアンサー
- ブログ
- 枠の幅が次のようにすると
画面いっぱいに広がってしまいます どうしたら文字列サイズにあわせて枠幅が決まるようにできるでしょうか? <html> <head> <style type="text/css"> <!-- .title { background-color:lightyellow; border-color:blue; border-style:solid; border-width:1px; } --> </style> </head> <body> <div class="title"> 芹沢鴨 </div> </body> </html>
- ベストアンサー
- HTML
- テーブルの線を点線にする
とても初歩的な質問ですいません。 テーブルの線をすべて点線にしたいのですがどのようにしたらいいのかわかりません。 <table style="border-color:dimgray;border-style:dotted"> <tr> <td width="150" height="30"></td> </tr> <tr> <td width="150" height="30"></td> </tr> <tr> <td width="150" height="30"></td> </tr> </table> としたら周りの枠は点線なんですが 3列あるはずの線が表示されません。 その線も点線で表示させるにはどのようにしたらいいですか?
- ベストアンサー
- HTML
- スタイルシートで点線のアンダーライン
スタイルシートを使用し、インデントを付けたテキストに点線のアンダーラインをつけようとしています。 【CSS部分】 .honbun { border-bottom-style: dotted; border-left-width:20px; border-bottom-color: #523D2F; border-bottom-width: 1px; margin: 20px; line-height: 20px; } 【html部分】 <p class=honbun> テスト<br> テスト<br> テスト<br> </p> 【画面結果】 テスト テスト テスト ------ すべての行のテキストのアンダーラインに、点線のアンダーラインを入れたいのですが、 ひとつの要素としてみてしまうのか、できません…。 一行づつにスタイルシートで点線を指定しなければ実現できないのでしょうか。(そもそも不可能?) よろしくご教授ください。どうぞよろしくお願い致します。
- ベストアンサー
- HTML
お礼
お返事が遅くなってしまって申し訳ありません(>< やはり点線は無理そうですね^^; 多少面倒ですが、そのやり方でいこうと思います。 ありがとうございました~!