Page 845 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 通常モードに戻る ┃ INDEX ┃ ≪前へ │ 次へ≫ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ▼外部スタイルシートについて みま 04/11/12(金) 2:16 ┗Re:外部スタイルシートについて むむりく 04/11/12(金) 2:44 ┗Re:外部スタイルシートについて みま 04/11/12(金) 16:00 ┗Re:外部スタイルシートについて むむりく 04/11/13(土) 0:55 ┗Re:外部スタイルシートについて みま 04/11/13(土) 1:29 ─────────────────────────────────────── ■題名 : 外部スタイルシートについて ■名前 : みま <erika_23@clovernet.ne.jp> ■日付 : 04/11/12(金) 2:16 -------------------------------------------------------------------------
外部スタイルシートを利用してテーブルの色を変えたいのですが、どうすればいいのでしょうか? 制作中のページでもアドレスを書くようにとルールにありましたが、サイト自体が制作中のためできません。 申し訳ありませんがご容赦下さい。 |
▼みまさん: >外部スタイルシートを利用してテーブルの色を変えたいのですが、どうすればいいのでしょうか? 具体的にどこの部分でつまづいているのでしょうか? テーブルの色を変える記述はしたけど反映されないとか、 外部スタイルシートをどう利用するのか分からないとか… ところでテーブルのどの部分の色ですか? >制作中のページでもアドレスを書くようにとルールにありましたが、サイト自体が制作中のためできません。 >申し訳ありませんがご容赦下さい。 ソースと、スタイルシートの記述を提示していただければ、 アドレスはなくても結構です。 |
▼むむりくさん: ご返答ありがとうございます。 >具体的にどこの部分でつまづいているのでしょうか? 色を変える記述が分からないのです。 外部スタイルシートについてはあまりよくは知らないですが、スクロールバーや背景の設定はできています。 テーブルのソースはこちら↓ <table cellspacing="1" cellpadding="4" style="background:#197bff"><tr> <td style="background:#fff"> <table cellspacing="3" cellpadding="0" style="font-size:10pt;text-align:center"><tr><td> 文字</td><td style="font-size:12pt;color:#add8e6">■</td><td> ここに文字 </td></tr><tr><td> 文字</td><td style="font-size:12pt;color:#197bff">■</td><td> ここに文字 </td></tr><tr><td> 文字</td><td style="font-size:12pt;color:#add8e6">■</td><td> ここに文字 </td></tr><tr><td> </td></tr></table> </td></tr><tr><td style="font-size:10pt;text-align:center;color:#fff;font-weight:bold"> + タイトル + </td></tr></table> 変えたいのは枠と、中の■の色です。 もうひとつ↓ <TABLE border="1" cellpadding="1" cellspacing="0" width="300" bgcolor="skyblue" bordercolor="#ffffff" bordercolordark="#ffffff" bordercolorlight="deepskyblue"> <tr><TD> <TABLE border="1" cellspacing="0" width="100%" bordercolor="#ffffff" bordercolordark="#ffffff" bordercolorlight="deepskyblue"> <tr><TD bgcolor="#ffffff" align="center"> <TABLE width="100%"><TBODY><TR> <TD width="75"><font size="2">WebSite</font></TD><TD><font size="2">文字</font></TD></TR><TR> <TD width="75"><font size="2">Master</font></TD><TD><font size="2">文字</font></TD></TR><TR> <TD width="75"><font size="2">Main</font></TD><TD><font size="2">文字</font></TD></TR><TR> <TD width="75">Jump</TD><TD><A href="http://"><IMG ></A></TD> </TR></TBODY></TABLE> <font size="2">*Comment*</font><BR> <TABLE border="0" style="border-bottom:2px dashed skyblue;border-top:2px dashed skyblue;" bgcolor="#FFFFFF" cellspacing="3" cellpadding="1" width="100%"> <TR><TD><MARQUEE height="6" width="95%" scrollamount="3"><font size="2">ここに文字</font></MARQUEE></TD></TR> </TABLE><BR> </td></tr></TABLE></TD></tr> </TABLE> 変えたいのは枠の色です。 長くなってしまってすみません・・・。 |
>変えたいのは枠と、中の■の色です。 取り敢えず上のテーブルについて。 文字の色を変えるのは、color プロパティです。 <td style="font-size:12pt;color:#add8e6">■</td> ここにある、color:#add8e6; を好きな色に変更してください。 枠の色は、border-color で変更できます。 border: 1px solid red; とすれば、線の太さ、線種、色を一括指定できます(順不同)。 ……のですが、現在の方法では下のテーブルに色をつけて、 内側にもう一つ小さめのテーブルを作り、 それをずらすことであたかも枠であるように見せてます。 一応、 <table cellspacing="0" cellpadding="4" style="border: red 1px solid;"> <!-- ここでborder使い、全体の枠の色を決める↑ --> <!-- 隙間要らないので、cellspacing は 0 --> <tr> <td style="background:#fff"> <table cellspacing="3" cellpadding="0" style="font-size:10pt;text-align:center"><tr><td> 文字</td><td style="font-size:12pt;color:#add8e6">■</td><td> ここに文字 </td></tr><tr><td> 文字</td><td style="font-size:12pt;color:#197bff">■</td><td> ここに文字 </td></tr><tr><td> 文字</td><td style="font-size:12pt;color:#add8e6">■</td><td> ここに文字 </td></tr><tr><td> </td></tr></table> </td></tr><tr> <!-- ↓こっちはこっちで、背景色をつけて今まで通りに --> <td style="background:#197bff;font-size:10pt;text-align:center;color:#fff;font-weight:bold"> + タイトル + </td></tr></table> とすれば、お望みの形になるとは思うのですが、 無駄にテーブルを2個重ねるより、 border を使って最初から作り直すのもありかと。 二つ目のテーブルも同じです。 bordercolor, bgcolor などは使わず全部スタイルシートで指定するのがいいかと。 3つのテーブル重なっているので、考える気力なくなっちゃいました… 申し訳ない。 |
▼むむりくさん ややこしいソースですみませんでした(汗;) ご丁寧にお答え頂き、ありがとうございます。 さっそくやってみますね。 また何か問題があったら書き込みますので。 |