• ベストアンサー

ボーダーラインのカラー

<DreamweaverMX2004>を使ってウェブサイトを作りました。各ページのテーブルの色を♯CCCCCC(薄いグレー)で設定したのですが、Internet Explorler以外(OPERA とNetscape)でチェックしたところ、設定した色と違う色で表示されてしまいます。各ブラウザーで色が変更しないように設定するためにはどうすればよいのでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
  • yosoho
  • ベストアンサー率59% (19/32)
回答No.4

拝見しました。 メッチャ綺麗なサイトですね! 外側の<table>と内側の<table>でしょうか? 外側は#cccccc の1pxで、内側を#ffffff の0.5pxなのでしょうか? 外側<table>タグ内のbordercolor="#CCCCCC"と 内側<table>タグ内のbordercolor="#FFFFFF"を削除し、 2種類のCSSスタイル「.border」の名前を変え、 それぞれ「.bordersotogawa」「borderuchigawa」(任意)として、 .bordersotogawa { border: 1px solid #cccccc; } .borderuchigawa { border: 0.5px solid #ffffff; } と書き換えます。 ソースで外側<table>タグ内の「class="border"」を「class="bordersotogawa"」に変更、 内側<table>タグ内に「class="borderuchigawa"」を追加します。 この解釈で合ってますでしょうか?

mitsubaw
質問者

お礼

うまくいきました!! 本当にたくさんアドバイスしていただき、ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (3)

  • yosoho
  • ベストアンサー率59% (19/32)
回答No.3

任意の部分にCSSを適用するには「クラス属性」が便利です。 例えば2行3列の2つのテーブルに、 一つ目を1pxの「青のライン(bline)」、 もう一方を2pxの「赤のライン(rline)」にする場合、 任意の名前付け(bline、rline)で属性を追加できます。 <style type="text/css"> <!-- .bline { border: 1px solid #0000FF; } .rline { border: 2px solid #FF0000; } --> </style> </head> <body> <table width="200" border="2" class="bline"> <tr> <th scope="col">&nbsp;</th> <th scope="col">&nbsp;</th> <th scope="col">&nbsp;</th> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> </table> <table width="200" border="2" class="rline"> <tr> <th scope="col">&nbsp;</th> <th scope="col">&nbsp;</th> <th scope="col">&nbsp;</th> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> </table> </body> で、どうでしょう。

mitsubaw
質問者

補足

すみません。何度も試してみたのですがうまく出来ません。 本当に申し訳ないですが、私が作ったウェブページを見ていただいて、どこの部分にどう入れればよいのか教えてもらえると助かります。 www.koainternational.com HTMLの要素をよく理解しないまま、作ったものです。 よろしくお願いいたします。

全文を見る
すると、全ての回答が全文表示されます。
  • yosoho
  • ベストアンサー率59% (19/32)
回答No.2

「ヘッダーのない場合」 <style type="text/css"> <!-- table { border: 2px solid #cccccc; } td { border: 2px solid #cccccc; } --> </style> 「ヘッダーのある場合」 <style type="text/css"> <!-- table { border: 2px solid #cccccc; } td { border: 2px solid #cccccc; } th { border: 2px solid #cccccc; } --> </style> で、どうでしょう。

mitsubaw
質問者

補足

再び回答ありがとうございます。 試したところ、どのブラウザーでも同じ色と幅で出ました。 ただ、ページ内のどのテーブル(指定=0幅にしているところも)にも同じラインが出てしまいます。勉強不足で本当にお恥ずかしいのですが、外側だけラインが表示されるようにするにはどうすればよいのでしょうか?よろしくお願いいたします。

全文を見る
すると、全ての回答が全文表示されます。
  • yosoho
  • ベストアンサー率59% (19/32)
回答No.1

HTMLのヴァージョンにより属性"bordercolor"ありませんので、 CSSで<table>と<td>タグにボーダー「線種」「線幅」「カラー」を設定されてはどうでしょう。

mitsubaw
質問者

補足

ご回答ありがとうございます。早速試してみたのですが、上部と左部のラインだけがグレーで表示され、右部と下部のラインは黒で表示されてしまいました。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • テーブル内のカラー

    こんにちは。Dreamweaverを使ってウェブサイトを作っています。 今回テーブル内のカラーに<E8DAB3>を指定したところ、IEとOperaでは正常に表示されましたがNetscapeでは白で表示されてしまいます。 どうしたらいいのでしょうか?

  • CSS/JavascriptなどWEBサイトのプレビュー用ブラウザは?

    ウェブサイトを制作するとき、ブラウザによって違いがでてきますよね? 厳密に言えばマック、ウィンドウズの、IE、Firefox、safari、opera、netscapeなど、また、それぞれのバージョンでチェック必要があるかと思いますが、相当な数にのぼります。 チェックするための環境はどのように整えていますか? そもそも一つのパソコンで一つのブラウザの違うバージョンを 動かすことはできるのでしょうか。 私はフリーで制作しているので一般的にどうなのかわかりません。 皆様のご意見を頂けたらと思います。

    • ベストアンサー
    • CSS
  • Netscape、Opera タイムアウト値の変更方法について

    サイト閲覧時にタイムアウトにならないように、デフォルトのタイムアウト値を変更したいと思っております。 Netscape、Opera のタイムアウト値の変更方法を教えてください。 ネットで調べたところ、Internet Explore や Mozilla Firefox 等については、変更方法が紹介されていたのですが、Netscape、Opera については見つけることができませんでいた。 ブラウザ:Netscape 7,1、Opera 9.62 Build 10467 OS:Windows XP Home Edition 2002 SevicePack 3 すみませんがよろしくお願いします。

  • ダウンロードしたアプリケーションが実行できない

    しばらく前から、新しいウィンドウでページが表示されなくなってしまったので、 ブラウザをIEからOPERAに変えました。 OPERAではたいていのページは表示できるのですが、 表示できないページもあり不便なので、Netscapeを ダウンロードしました。 ダウンロードもインストールもうまくいったのですが、 Netscapeのアイコンをクリックしてもブラウザが立ち上がりません。 RealPlayerもダウンロードしたのですが、同じ現象がおきました。 なにか考えられる原因はありますか? OSはWindows98です。 宜しくお願いします。

  • 標準のインターネットのブラウザをNetscapeからIEにしたい。

    こんばんは。 標準のインターネットのブラウザをNetscapeからIEにしたいのですが、どの設定を変更すればいいのでしょうか?

  • IE6でリンクを押すとOPERAが開いてしまいます。

    ブラウザを複数(Opera8.5,IE6,Netscape7等)使っているのですが、ある日を境にIEの状態がおかしくなってしまいました。 【症状】 InternetExplorer6にてWebページを閲覧したとき、ページ内にあるリンクをクリックすると、Operaが起動してそこにリンク先のページが表示される。 また、IEにアドレスを手打ちで直接入力しても、同様の症状になる。 また、IEのインターネットオプションで「Web設定のリセット」を押しても動作しません。 【これが原因かも?】 スタンドアローン型の旧バージョンIE(4~5.x)でページチェックした日の後になったので、それが原因かと想定しています。 【その他】 通常使うブラウザはOperaにしています。これをIEに変えたところで、症状は良くなりませし。ネスケにしても起動するのがネスケになるだけです。 Operaをアンインストールした場合、「ブラウザがないので開けない」旨のエラーがでます。 OSはWindowsXP SP2で、IEを再インストール(or再設定)しようとしたのですが、オフィシャルサイトではSP2の再インストールを推奨しているようなので、して見ました。が、改善しません。 いろいろ検索し倒したのですが、手詰まりになってしまいました。 やはり、危険を承知でレジストリをいじるか、諦めるかしかないのでしょうか? 同じような経験がある方、識者の方、アドバイスお願いします。

  • iframeのBgColorに親のColorを継承したい

    iframeでフレームを作っていますが、バックグラウンドカラーがうまく表示されません。 NetscapeやFireFoxでは親の(tableなんですけど)から継承されているのですが... IE6では、真っ白です。 そこで、 var IFR = document.getElementById(id); IFR.contentWindow.document.bgColor='#cccccc'; 親(table)と同じ色にして対応していました。 これで、問題なく動いていたのですが、今回親(table)の色を可変にしなくてはならなくなりました。 これは、親から持ってくればいいのでは?と思ったので、 IFR.contentWindow.document.bgColor=parent.frames[id].bgColor; としてみたのですが、これはどうも親フレームの色のようで、 iframeを表示しているtableの色ではありませんでした。 うまくできません... iframeを表示している箇所(親)の色をiframeに設定(継承)する方法はないでしょうか? 何色で表示するか、条件で変わってしまうので、スタイルシートは使いたくないのですが。 javascriptで設定する方法をご存知の方はいらっしゃいませんでしょうか? よろしくお願いいたします。

  • 新しくインストールしたブラウザがネットに接続できません

    ずっとIEを使用していましたが、ウェブサイトを作っているので、他のブラウザでも正常に表示されるか検証しようと、FireFox、Opera、Netscapeの最新版をダウンロードしました。 IEは変わらず正常に動いていますが、新しく追加した3つのブラウザを起動させるとどれも、「接続中・・・」のまま全く画面が変わりません。 どうすれば良いでしょうか?

  • htmlファイルを opera internet browserで開かせないようにしたい

    Operaブラウザーを9.64というのにアップグレードしたら、パソコン内のhtmlファイルを開くブラウザーが勝手に opera internet browser にされてしまいました。 もとはIEで開くようにしていたのですが。 「この種類のファイルを開く時のプログラム」を設定し直しても効きません。 私の場合、operaは、自分のホームページがちゃんと見えているかをチェックするためだけに入れているので、普段は全く使っていません。 開くブラウザーを強制的にoperaにされて直せないなんて、非常に迷惑です。 どなたか、opera internet browserを指定プログラムから解除する方法をお教えください。 よろしくお願いいたします。

  • 軽い?Opera

    昔のパソコンを出してきてインターネットに使えないかと試したところ一応はできています。しかしメモリが64MBなのでインターネットラジオ聞きながら聞きながらネットをやっていると通信が切れて再起動 ということがたびたびです。 両方は無理だとは思いますが少しでも快適にと思いまして検索したところ、Operaというブラウザが軽いと書いてありました。 どうなのでしょうか? 他にもこっちの方が軽くていいよと言うのがあれば教えてください。 それからホームページをgoogleに設定しているのですがまぶしいのでIEでは背景をグレーにしています。 Operaなどでもこのように設定できますか? よろしくお願いします。

このQ&Aのポイント
  • 1台のiPhoneからは印刷可能ですが別のiPhoneからの印刷ができません。以前は2台ともできていたのですが。
  • お使いの環境はiPhoneで無線LAN接続されており、関連するアプリはiprint&scanです。
  • お困りの状況はiPhoneから印刷できなくなったことで、以前は2台のiPhoneで印刷できていました。
回答を見る

専門家に質問してみよう