• ベストアンサー

ホームページビルダー スタイルシート 反映されない

どうもこんにちは。 遊びというか練習で作ったサイトなんですが、スタイルシートマネージャー を使い、マウスオーバー時、リンクにラインが出る効果を入れました。 FIREFOXでは駄目ですが、ブラウザテストでIEでは効果が出るんですが アップロードすると駄目です。 どうすればよいですか? よろしくお願いいたします。

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

  • ベストアンサー
  • stpopo
  • ベストアンサー率52% (13/25)
回答No.1

おはようございます ソースを見ていないので、わからないですが、 ロールオーバーのスタイルが適用されないということですが、 他のスタイルは適用されているのでしょうか? 適用されているなら、ロールオーバーのCSSが間違っているということですし、 スタイルすべてが適用されていないなら、スタイルシートのバスが違うということが 考えられます。 FirefoxはCSSに対して厳格で、IEは甘いというのが通説らしいので、 IEでは表示されるけど、Firefoxではだめっていうことがあるらしいです。 CSSを一度、「CSS Validation Service」でチェックしてみてはいかがでしょうか。 ●CSS Validation Service  ・W3Cによって運営されており、 CSSをチェックするのに使うことができます。 このツールは、 CSS 仕様と比較するだけでなく、エラーや、CSS の誤用等を発見したり、自分の書いたCSS が使い勝手を悪くするような場合に教えてくれたりします。

参考URL:
http://jigsaw.w3.org/css-validator/#validate_by_input
huhu_001
質問者

補足

どうもありがとうございます。サイトを転送したところ反映いたしました。

関連するQ&A

  • IEで外部スタイルシートが反映されない

    IEで外部スタイルシートが反映されない HPを製作したところ、 Firefoxでは、完璧に外部スタイルシートが適用されていたのですが、 IEでテストしたところ、CSSが全く反映されていてませんでした。 多くの皆さんがしてるように、 ヘッダーに、 <link href="style.css" rel="stylesheet" type="text/css" /> と記述しているのですが・・・ 原因としては何が考えるでしょうか? ご助力願います。

  • ホームページビルダーのスタイルシート

    ホームページビルダー9を使いながら、直接タグを打ってサイトを作成しているのですが、スタイルシートがうまく反映されません。 例えば、 th {padding:10px; text-align:left} は、ちゃんとスタイルシートマネージャーも認識して、プレビュー画面にも反映されるんですが、 td {padding:10px] h1 {font-size:24px} は、スタイルシートマネージャーに認識されません。もちろんプレビュー画面にも反映されず、ブラウザで確認しても同じ状態でした。 <STYLE type="text/css"><!-- --></STYLE>の間に記述しているので間違ってはいないと思うんですが・・・ また、スタイルシートを記述するとスタイルの最後に必ず【;】が挿入されてしまうんですが、これを自動的に挿入しないようにするのはどうしたらよいのでしょうか? よろしくお願いします。

  • ホームページビルダーのスタイルシート設定について

    ホームページビルダー2001を使っています。 スタイルシートを使ってページのスタイルを設定しています。 あるサイトをチェックしていたら、テキストリンクの上に、マウスを持っていくと、そのテキスト属性(のようなもの)が、マウスポインタの横に出てきます。 そのページのソースを確認すると以下のようになっていました。 <A class=nav title="業務内容案内" href="http://×××/●●●/index.html">業務内容案内</A> 次にスタイルシートを確認すると、ナビゲーションバーに使っているスタイル(クラス)A.navが設定されていました。 このA.navには、A.nav:visitedや、A.nav:hoverなどの設定もしてありました。 しかし、私も同じようにやってみましたが、実際IEで、確認しても、リンクの張っている文字の横には何も出てきません。 長くなりましたが、(リンクの張っている文字の)titleの属性の設定の方法を知っている方、どうか教えてください。 よろしくお願いいたします。

  • ホームページビルダー14 CSS マウスが上に来たリンクの効果

    ホームページビルダー14 CSS マウスが上に来たリンクの効果 なんですが、最初リンクの下線を消しておきたいです。マウスオーバーした時 下線が現れるようにしたいのですが、スタイルシートマネージャーで、以前作った サイト同様に設定しているのですが、リンクの下線が消えません。 どうすればよいですか。フォント設定に下線はチェックされていません。。

  • ビルダーでスタイルシートが反映されません・・・

    HPビルダーでホームページを作成、転送を完了させIEのブラウザで表示してみたのですが、スタイルが全く反映されていないようです。 いろいろ試してはみましたが初心者で上手くいきません。 何を調べてどういうふうに修正したらよいのでしょうか・・・ どなたか分かる方いらっしゃったら教えて頂ければと思います。 タグの知識は殆どありませんが、タグがおかしいのでしょうか? こんな感じです。(一部抜粋) </SCRIPT> <LINK rel="stylesheet" href="style/inakano_style.css" type="text/css"> </HEAD> <BODY background="img/yellow-top4.jpg" style="background-repeat : no-repeat;"> <H1 class="uppermargin">Our Family</H1>

  • IEでスタイルシートがまったく反映されない

    WindowsのIEで表示した時、スタイルシートがまったく反映されません。 他のブラウザではちゃんと表示されます。 原因を教えてください。よろしくお願いします。 ちなみにDreamweaver8で作成しています。 -----確認ブラウザ----- IE6.0(Win):× Safari3.0.3(Win):○ IEバージョン不明(Mac):○ Firefoxバージョン不明(Mac):○ -----ヘッダのソース----- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="style1.css" rel="stylesheet" type="text/css" /> <title>日本語タイトル</title> </head>

    • ベストアンサー
    • HTML
  • ホームページビルダーのスタイルシートマネージャーについて

    ホームページ作成初心者です。 いろいろ調べて頑張っていたのですが、今回はどうにもなりませんでした。 スクロールバーの色が変更できるということで色の設定は決めました。 スタイルシートファイルを新規作成しようと、 スタイルシートマネージャーを開いたら「追加」「編集」「削除」「リンク」の全てが選択できなく(絵に色がついていなくてクリックしても何も起こらない)なっていました。 どうしたらよいのでしょうか? もしくはこれ以外にホームページビルダーでスクロールバーの色を変更する方法がありましたら教えてください。

  • スタイルシートの反映のされ方がIEとFirefoxで異なるのは何故?

    ■スタイルシート側 #style_a{ color:#000000; } .style_b {} .style_b a:link{ color:#ff0000; } ■HTML側 <div id="style_a"> <div class="style_b"> <a href="***.html">リンク</a> </div> </div> ↑…というようなソースを書いたところ、 Firefox(ver.2.0)では文字色が赤に、 InternetExproler(ver7.0)では黒になってしまいました。 その後、スタイルシートの優先順位は 記述による獲得ポイントによって決まるということを知り、 スタイルシートを以下のように修正することで 両ブラウザとも文字色が赤くなるように解決したのですが、 ■スタイルシート側 #style_a{ color:#000000; } #style_a .style_b {} #style_a .style_b a:link{ color:#ff0000; } このポイント制ってブラウザ毎に 微妙に異なるものなのでしょうか? もしそのあたりを解説してくれている ホームページや書籍などがありましたら 教えていただけませんでしょうか? よろしくお願いいたします。 ・参考としたページ http://www.stylish-style.com/csstec/base/order.html

  • 各ブラウザにおけるスタイルシート適用について

    こんにちは。 いつもお世話になります。 今回、Win・IE対応のページを作ったのですが、知り合いからMacの標準ブラウザであるサファリではほとんど見れないと言われ、NNでも一部欠損、IEでも駄目という事でした。 原因はスタイルシートと思われます(リンクを三色に使い分けるのにスタイルシートを導入しました。そのせいでリンクが使えないようなのです。またテンプレートでお借りして来たものも対応してなかったようで、非表示だったようです)。 そこで、このスタイルシートはWinは対応だけれどMac版のIEは駄目、operaはOKといったようなものは一目で判る一覧表(もしくは一覧を載せているサイト)はありますでしょうか? 「スタイルシート辞典」(アンク、第二版)は持っているのですが、IEとNNしか表記がありません。 叉、以前は手許にMacがあった為、MacとWinで動作を確認出来ましたが、今は手放した為、HTMLページを作成しても確認出来なくなりました。

    • ベストアンサー
    • HTML
  • FireFox スタイルシートの設定

    スタイルシートでのレイアウトを考えています。 ところが実際に製作を開始すると、レイアウトができません。 IEでは問題ないのですが、FireFoxがだめなのです。 具体的には[class]を用いると、まったく適用されなくなります。 他にも、[position]が一部だけ適用されたり、背景が適用されたりされなかったりいろいろです。 基本的には、どちらのブラウザでも表示されるようにしたいのです。(スタイルシートを用いて、テーブルは用いないように)なにか解決策はあるのでしょうか? このような問題の解決方法が示されているページなどがありましたら、あわせてお願いします。

専門家に質問してみよう