- ベストアンサー
スタイルシートの設定方法
なぜか分かりませんが、投稿して10分で削除されたのでもう一同リトライです・・・ 今スタイルシートでＨＰのデザインの設定をしています。 方法は外部のスタイルシートへリンクを貼って、全部のページを設定したいのですが・・・ テーブルの線を設定するのに、 td { border-color: #ff0000; border-style: double; } と記述する(Ａ)のと、 htmlファイルのTDタグに直接 style="border:3px red double;" って記述する(Ｂ)とでは、 線の見え方が違います。 Ａは外側の線が太くなります。 Ｂは二重線の大きさが均等です。 外部のシートでBにしたいのですが、どうしたらいいでしょうか？ どなたかご教授下さい！
- freeman555
- お礼率52% (143/270)
- その他（インターネット・Webサービス）
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
CSSの方にだけ線の太さが設定されてないからじゃないですかねぇ。 .td { border-width: 3px; border-color: #ff0000; border-style: double; } もしくは .td { border:3px red double; } にしてください。
その他の回答 (1)
- kaz-5919
- ベストアンサー率26% (45/170)
td だけ指定するのではなく table,tr,td { border-color: #ff0000; border-style: double; } とtable,tr,td全部に指定してみてはどうですか？
補足
だめでした。 全ての線が(Ａ)でさらに2重になりました＾＾；
関連するQ&A
- テーブルのスタイルを効率よく設定するには？
同じページに複数のテーブルがあり、別のスタイルを適用させたい。 ---- <style TYPE="text/css"> TABLE.A {border-style: solid; } TH.A { color: red; } TD.A { color: blue; } TABLE.B {border-style: double; } TH.B { color: green; } TD.B { color: black; } </style> <table class=A><tr><th class=A>A</th><td class=A>A</td></tr></table> <table class=B><tr><th class=B>B</th><td class=B>B</td></tr></table> --- <table><th><td>タグにclassを書けばいいのですが、もっとすっきりした方法はないでしょうか？
- ベストアンサー
- HTML
- スタイルシートについて
スタイルシートについて質問です。 下記をTableの基本スタイルにしています。 特定のTableのみ、borderカラーを#666666にしたい場合 上記基本スタイルを生かしたままで簡潔なスタイルの設定方法はないでしょうか。 table, td, th {border: 1px solid; border-collapse: collapse} .w550 {border-color: #8AC5D4; width:550px} .w550 td {border-color: #8AC5D4; text-align: center} .w550 th {border-color: #8AC5D4; padding: 5px; padding-left: 10px; color:#2A6D90} いつもスタイルシートの設定が大量になってしまう為、今回はどうにか簡潔で綺麗にしたいので アドバイスいただけると大変助かります。 どうぞ宜しくお願い致します。
- ベストアンサー
- HTML
- 直接スタイルシートを埋め込む方法で区切り文字はどうしたらよいのでしょうか
<th style="background-color:#ffff00">テスト</th> と直接スタイルシートを埋め込む方法で、 スタイルシートの設定を２つ以上以下を追加したいのですが、 区切り文字はどうしたらよいのでしょうか？ border-bottom-color:red border-left-color:red border-right-color:red border-top-color:red border-color:red 直接埋め込むメリット、デメリット（手間がかかる以外）が知りたいです。
- ベストアンサー
- HTML
- スタイルシートのテーブル枠について
今までテーブルを利用してホームページに簡単な線を つけていました。これをスタイルシートで行うと 微妙にうまくできません・・・お助けください。 すべてＩＥで検査しております。 html従来の私の線の引き方 <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#000000"> <img src="sps.gif" width="600" height="1"> </td> </tr> </table> 上記の表現をスタイルシートを利用してやりたいのですが 線が１pxのはずが、大きくなってしまいます。 cssを利用した記述 css部分 .index_table{ width: 600px; border:0px; border-width: 0px; margin: 0px; padding: 0px; } html部分 <table class="index_table"> <tr> <td bgcolor="#000000"> <img src="ims/sps.gif" width="600" height="1"> </td> </tr> </table> これに似たいい方法は、ないでしょうか？ 質問が、うまくまとまってなくてすみません・・・
- ベストアンサー
- HTML
- 表の作成をスタイルシートで
皆さんはHTMLで表を作成する際、どのように作成していますか？ 私はTableタグとスタイルシートを使っているのですが、これをスタイルシートのみで 作成できないでしょうか。 例えば以下のような表で、■部分は他のセルと背景色を変えます。 ■□□ ■□□ ■□□ 通常私がやっている方法は、tableタグに下記スタイル「tb01」を、タイトル部分には 「td.title」を設定を設定しています。 -----------------HTML-------------------------- <table width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td class="title">6月7日</td> <td>text</td> <td>text</td> <td>text</td> </tr> <tr> <td class="title">6月8日</td> <td>text</td> <td>text</td> <td>text</td> </tr> </table> ---------------------------------------------------------- -----------------スタイルシート-------------------------- .tb01 {FONT-SIZE: 12px; border-collapse : collapse ; border-width : 1px 0 0 1px ; border-style : solid ; border-color : #CDCDCD ; ; width:350px; background-color:#FFFFFF; } table.tb01 td {border-width : 0 1px 1px 0 ; border-style : solid ; padding : 7px ; line-height:120%; border-color : #CDCDCD ; } td.title {background-color:#ECECEC; } ---------------------------------------------------------- スタイルシートのみでは無理でも、もっと良い方法があれば 是非教えてください。
- ベストアンサー
- HTML
- ネットスケープ4.78でのスタイルシート
質問します。よろしくお願いします。 win版のネットスケープ4.78でスタイルシートがおかしくなります。 <head><style type="text/css"> .text1{color:red ;} </style></head> <!-- 省略 --> <td class="text1"> <span style="color:blue ;">【What's New!】</span> <br> こんにちは！ </td> という感じにしています 上記の記述だと、【What's New!】だけが青で、以下の 「こんにちは！」は赤い文字になるはずだと思うのですが、 意図に反して「こんにちは！」も青い文字になってしまいます。 ネットスケープの4.xではスタイルシートが不安定というのは 知っていましたが、ここまでひどかったかなぁ、と思っています。 どこか記述がおかしいところがあるのでしょうか？ よろしければご指摘をいただければ幸いです。
- ベストアンサー
- HTML
- スタイルシートについて
<HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <TABLE border="1"> <TBODY> <TR> <TD><IMG src="i1.gif" width="64" height="64" border="0"></TD> <TD><IMG src="i2.gif" width="64" height="64" border="0"></TD> </TR> <TR> <TD><IMG src="m1.gif" width="32" height="32" border="0"></TD> <TD><IMG src="m2.gif" width="32" height="32" border="0"></TD> </TR> </TBODY> </TABLE> </BODY> </HTML> こういったTableを使った表がある場合、スタイルシートで示すことは出来ますか？もし出来るならそのソースを教えてください。 また、こういったTableのホームページを一括でスタイルシートに変換できるソフトが存在していたら教えてください。 それと、この行数がかなり大きくなると、Tableよりも軽く表示がされると聞いたのですが本当でしょうか？ ご返答、何卒、よろしくお願い致します。
- ベストアンサー
- HTML
- これをスタイルシートでするには
以下のことをスタイルシート（CSS＋<li>などを使って）でするにはどうしたらいいのでしょうか？ <table border="0" width="150"> <tr> <td>なんでだろう～</td> </tr> <tr> <td>CSS is cool</td> </tr> </table> よろしくお願いします。
- ベストアンサー
- CSS
- テーブルのhrタグに下線を引くためのスタイルシートですがうまくいきません。
テーブルのhrタグに下線を引くためのスタイルシートですがうまくいきません。 なぜでしょうか？ <style="text/csss"> <!-- hr.kasen { border-bottom-style: double; } --> </style> <table> <tr class="kasen"> <td>あ</td> </tr> </table>
- ベストアンサー
- HTML
- スタイルシートテーブルの罫線を細くしたい
例えば以下のようにHTMLを書いた場合、 tableとtdのスタイルシート指定により、 外枠と内枠で罫線がかさなり、 若干太くなってしまいます。 細くしたいのですが、どうすれば出来るのでしょうか？ <table style="{border:1px solid #000000;border-spacing:0px}"> <tr> <td style="{border:1px solid #000000;padding:0px}">あああ </td> <td style="{border:1px solid #000000;padding:0px}">いいい </td> </tr> </table>
- ベストアンサー
- その他（インターネット・Webサービス）
お礼
出来ました！！！！ ありがとうございました。