- ベストアンサー
HP画面のパーツを、線で区切ってまとめた画面の作り方
http://hp.xrea.jp/s/d/12.html ↑この画面のように、線で内容を区切ってまとまった画面を作りたいのですが、どうしてもこの細さのボーダーが作れません。 一応、border="1px"でテーブルを作ったりするのですが、このやり方で画面を作ると、ボーダーがどうしても太くなってしまうのです。（参考の画面に比べて） どうしたら、この画面のように、細いボーダーでテーブルを区切ることができるのでしょうか？誰か教えて頂けませんでしょうか？よろしくお願い致します。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
その他の回答 (1)
- ttyp03
- ベストアンサー率28% (277/960)
やり方は色々あると思います。 CSSでやるならborder-collpaseを使ってもできると思います。 <table border="1" style="border-collapse:collapse"> 参考まで。 http://www.tohoho-web.com/css/reference.htm#border-collapse
お礼
ご回答頂きまして、誠に有難う御座いました。ちょっとこのやり方では、うまくいきませんでした・・・。せっかく教えて頂いたのに、申し訳御座いません。
関連するQ&A
- cssでテーブルで細い線
スタイルシートを使って 1ピクセルの細い線にしようと、 サンプルのように以下のようにしてみましたが 中の線（td？）が二重になってしまいます 一線にするのにどのようにすればイイですか？ ―――――――― .table2 { width: 400px; /* テーブルの横幅 */ border-collapse: collapse; /* 枠線の表示方法 */ border: 1px #1C79C6 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ background-color: #FFFFFF; /* 背景色 */ } .table2 TD { border: 1px #1C79C6 collapse; /* セルの枠線（太さ・色・スタイル） */ } ―――――――――――――― <TABLE CLASS="table2"> <TR> <TD>WebデザインA</TD> <TD>WebデザインB</TD> </TR> <TR> <TD>WebデザインC</TD> <TD>WebデザインD</TD> </TR> </TABLE>
- ベストアンサー
- CSS
- テーブルの線の色が指定できない
テーブルの線の色が指定できないうえ、最後に宣言したスタイルシートが適用されてしまいます。 理由がわかりません。 <style type="text/css"> table, td, th.bordercolor_white { border: 1px white solid; } table, td, th.bordercolor_red { border: 1px red solid; } </style> <table class="bordercolor_white"> <tr> <td>aaa</td> <td>bbb</td> </tr> </table> このような文だと、 <table class="bordercolor_white">としているのに、 なぜかテーブルの線の色は、赤になってしまいます。 table, td, th.bordercolor_red { border: 1px red solid; } table, td, th.bordercolor_white { border: 1px white solid; } のように、順番を入れ替えると、最後に宣言した白になります。 なので、<table class="bordercolor_white">の部分は無視されるようです。 二つのテーブルの線の色を用意した場合、 任意でテーブルの線の色を付ける方法をご教授ください。
- 締切済み
- CSS
- テーブルの線を極細にしたい
テーブルの線を細くしたいのですが、borderを1にしてもかなり太いです。 これはやはりスタイルシートでやるしかないのでしょうか？ また、どのように記述すればいいのでしょうか？ ＨＰ作成初心者のため、できるだけわかりやすく回答いただけると嬉しいです。 よろしくお願いいたします。
- ベストアンサー
- HTML
- <table>の中の全ての線の表示
<table>でCSS（下）を使って、枠線ができたのですが、外側だけしか線が出ないのですがCSSのみで内側の線を全て表示することはできるでしょうか？ table { border : 1px solid #000000; } 回答よろしくお願いします。
- ベストアンサー
- HTML
- IE8だと内側に線が引かれてしまいます。
ブラウザ IE8 スタイルシートで例として ------------------------ h3{ width:230px; height:60px; background:#000; border:3px double #000; color: #ffffff; } ----------------------- このように背景と線の色を同じにすると内側に線が引かれるので２重線になりません。 IE7だと外側に線が引かれるので綺麗な2重線になるのですが・・・ IE8でも外側に線を引くことは可能なのでしょか？ 宜しくお願い致します。
- ベストアンサー
- HTML
- CSSでテーブルボーダーを表示させたいのですが・・
スタイルシートを使用したテーブルのボーダー表示について質問です。 スタイルシートで下記テーブルボーダー表示設定をしたところ、 IEでは表示されるのですが、Netscape7.0ではボーダーが全く表示されません。 table.01 {FONT-SIZE: 12px; border-collapse : collapse ; border-width : 1px 0 0 1px ; border-style : solid ; border-color : #37503D ; background-color:#FAFFFB;} table.01 td {border-width : 0 1px 1px 0 ; border-style : solid ; padding : 5px ; line-height:120%;} 現在調べているところですが、お解りになるかたがいらっしゃれば是非教えていただけないでしょうか。 どうぞ宜しくお願い致します。
- ベストアンサー
- HTML
- IEで細い線
こんにちはー。 cssでテーブルの線を細くするために こんな感じでやってみました。 クロームでは出来たのですが IE（バージョン９）で閲覧すると、線そのものが表示されません IEでも表示させるには、どーすればいいですか？ ―――― <html> <head> <style type="text/css"> table[summary="WebDesign"]{ border-collapse: collapse; width: 400px; } table[summary="WebDesign"],table[summary="WebDesign"] td{ border:solid 1px #1C79C6; } </style> </head> <body> <table summary="WebDesign"><!-- summaryは必須 TBODY+ --> <tbody><!-- tbodyはひとつ以上必須 --> <tr> <td>Webデザイン</td> <td>Webデザイン</td> </tr> <tr> <td>Webデザイン</td> <td>Webデザイン</td> </tr> </tbody> </table> </body> </html>
- ベストアンサー
- CSS
- テーブルの線を上に引っ付けたい
ＨＰ作成初心者です。 いつも回答をいただき、大変感謝しております。 http://home1.netpalace.jp/9/top.cgi このサイトのようにテーブルの線が画面の上下に貫通（？）しているようにしたいのですが どのようなタグを入れればいいのでしょうか？ よろしくお願いします。
- 締切済み
- ホームページ作成ソフト
- 画面に線が入ります。
検索をしましたが、解決できませんでしたので質問をさせて頂きます。 中古で買ったデスクトップPC（NEC PC-VT9001D）を持っていますが、今までは何ともなかったのですが、最近、画面上に赤や緑や白の縦の線がどきどき出てくるようになりました。 出るタイミングは、Windowsの起動ロゴの時と、BIOSの起動画面とBIOS設定画面です。OSが起動してしまうと、今のところ、問題ありませんが、PC動作中に、突然画面が真っ黒になったり、シャットダウン中にフリーズするようにもなって、強制終了じゃないと電源が切れません。 OSはWindowsXP Professional SP3です。 やはり故障でしょうかね？ 一応、今、OSの再インストールを行っていますが、インストール中にもやはり時々、画面に線が出ます。 何か考えられるような原因等がありましたら、 よろしくお願いします。
- ベストアンサー
- デスクトップPC
- ノートPCでWindows10を使用している際、ルーターの管理画面にアクセスできません。
- プリンタがPCから認識されないトラブルはルーターのリセットで解決しましたが、管理画面へのアクセスはできません。
- ネットワーク接続には問題がなく、固定IPに設定されていないため故障ではないと考えられます。
お礼
ご回答いただきまして、誠に有難う御座います。教えていただいた、URLで、無事解決することができました！心のもやもやが取れて、スッキリしました！本当に有難う御座いました