SSIとは?SSiを使用したHP作成の際に起きる問題とは?

このQ&Aのポイント
  • SSIとは、Server Side Includesの略で、サーバーサイドでの処理を利用して動的なコンテンツの組み込みができる技術です。昨日初めてSSIを使用してHPを作成した際に、メニュー部分の文字の色を指定するためにCSSを使用しましたが、カーソルを動かすと画面がチカチカする現象が発生しました。
  • カーソルがメニューに触れるたびに画面がチカチカする現象について、その原因はCSSの設定にあります。おそらくCSSのホバーエフェクトが設定されており、カーソルが触れるたびに画面が再読み込みされてしまっている可能性があります。
  • この現象を解消するためには、CSSのホバーエフェクトを見直す必要があります。ホバーエフェクトが画面のチカチカを引き起こしている場合は、ホバーエフェクトを削除するか、他の方法で同じ機能を実現する必要があります。質問文章の具体的なCSSの設定やコードがわかると、より詳しいアドバイスができるかもしれません。
回答を見る
  • ベストアンサー

SSIの事について詳しい方教えてください。

昨日初めてSSIを使ってHPを作成しました。 参考にしたのはここです。 http://allabout.co.jp/internet/hpcreate/closeup/CU20020520A/ SSIを使ったのはヘッダーと左縦列のメニュー部分なんですけど そのメニューの文字の色を指定させる為にCSSでを使いました。 一応完成はしてカーソルが文字に触れると色が変わったりしてくれるようになったのですが 並んでるメニューにカーソルが触れるたびに画面がチカチカするんです。 ゆっくり触るとそうでもないんですがちょっと早くこすった感じにカーソルを動かすと 画面を読み込んでる…とも言える感じで画面がチカチカするんです。 どうしてこういう現象が起きるのでしょうか? どなたかご存知の方教えていただけませんか? よろしくお願いします。

  • HTML
  • 回答数2
  • ありがとう数2

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

  • ベストアンサー
  • kensaku46
  • ベストアンサー率21% (259/1214)
回答No.1

ソースはどうなっていますか?

ryokuha52
質問者

お礼

こちらがメニューのテキストで↓ <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="170" height="100"> <PARAM name="MOVIE" value="flash/ma-ku.swf"> <PARAM name="PLAY" value="true"> <PARAM name="LOOP" value="true"> <PARAM name="QUALITY" value="high"> <EMBED src="flash/ma-ku.swf" width="170" height="100" type="a"></OBJECT> <TABLE> <TR class="menu"><TD><IMG src="img/yajirushi.jpg" width="13" height="16"> <B><A href="index.html">トップページ</A></B></TD></TR> <TR class="menu"><TD><IMG src="img/yajirushi.jpg" width="13" height="16"> <B><A href="oshirase.html">お知らせ</A></B></TD></TR> </TABLE> ↑となってます。 CSSは↓ table { border-collapse:collapse; border:0; margin:0px; padding:0px; } TR.menu {height:20pt;} td { border:0; margin:0px; padding:0px; text-decoration : none; } img { border:0; } A { text-decoration : none; } /* 通常のリンク */ A:link { color:#666666; } /* 読込み済みのリンク */ A:visited { color:#666666; } /* クリック時のリンク */ A:active { color:#666666; } /* マウスが乗っているときのリンク */ A:hover {background-color:#008000; color:#ffffff; } ↑となってます。 これでいいでしょうか?

その他の回答 (1)

  • kensaku46
  • ベストアンサー率21% (259/1214)
回答No.2

ぱっと見たところ、分かりませんね。 このような場合は、タグやセレクタを一つずつ削除してみて、 原因を探すのがいいと思います。

ryokuha52
質問者

お礼

分かりました。 ありがとうございました。

関連するQ&A

  • CSSで、フレームを使ったようなメニューを作りたいのですが

    HP作り初心者です。ただいま、CSSを使用してのHP作りに挑戦中です。 フレームを使ったHPでよく見るような、画面左側にメニュー、右側に本文という構成にしたいと思っています。 下記「All About」記事を参考に作ってはみたものの、 本文が長いのでスクロールするとメニュー部分が見えなくなってしまいます。 メニュー部分が常に画面上に表示されるように固定したいのですが、どうすればよいのでしょうか。 ご教授よろしくお願いします。 使用ソフト:TeraPadで直打ち。 確認ブラウザ:FireFox3.0.13とIE8.0。 CSS:外部ファイル。A.cssにページレイアウト、B.cssにメニュー部分の情報(文字サイズやリンク関連の装飾など)記載。 メニュー:ulとolタグ使用。 All About・CSSで段組構成 段の背景色が切れないようにする(前) ⇒http://allabout.co.jp/internet/hpcreate/closeup/CU20050328A/ All About・CSSで段組構成 段の背景色が切れないようにする(後) ⇒http://allabout.co.jp/internet/hpcreate/closeup/CU20050401A/ All About・CSSで段組構成 隣の段が下に回りこむのを防ぐ ⇒http://allabout.co.jp/internet/hpcreate/closeup/CU20050307A/

  • 1行で左寄せと右寄せと中央揃えというのはできますでしょうか?

    お世話になります。タイトルのとおりCSS等を駆使して 1行で左寄せと右寄せと中央揃えというのはできますでしょうか? 左寄せと右寄せは下記のアドレスのとおりにして出来たのですが、 中央もいれるとずれてしまいます。 http://allabout.co.jp/internet/hpcreate/closeup/CU20060209A/index.htm よろしくお願い致します。

    • ベストアンサー
    • HTML
  • CSSで縦三段レイアウトにして、HTML上では真ん中部分を最初に表示

    皆様よろしくお願い致します。 http://allabout.co.jp/internet/hpcreate/closeup/CU20041115A/ このように左、中、右で表示させる場合は cssの使い方によってhtmlでは右を一番最初に表示させる事も可能なのは知っているのですが、 seo対策として「上、中、下」のcss縦三段レイアウトで「中」をhtml上では一番最初に表示させたいのですが可能でしょうか?

    • ベストアンサー
    • CSS
  • タブページについて

    http://allabout.co.jp/internet/hpcreate/closeup/CU20080802A/index5.htm ↑こちらのサイトを参考にさせてもらってまして... |更新履歴|オススメ|検索 ↑ このタブをクリックすると、当然そのタブに連動した内容が表示されますよね。 それぞれの項目へマウスONさせると文字が白から黄色へ替わり マウスを移動させると白へ戻る。 そこで質問です。 どれか1つのタブを選択中、常に文字を黄色く表示させたいとした場合に CSS、もしくはhtmlの記述追加で済む事は可能でしょうか? 簡単な記述で済む事でしたらご教授いただきたいのですが。 よろしくおねがいします

    • ベストアンサー
    • HTML
  • メニューだけを別に更新したい

    http://allabout.co.jp/internet/hpcreate/closeup/CU20041111A/index2.htm のようにスタイルシートで段組を作り、メニュー部分だけを変更したいです。 一つのところを編集すれば、全ページに影響するようにしたいです。 メニューをいろいろと変更することが多いのですが、 今は全ページのメニュー部分をいちいち変えている状況です。 過去に同じような質問があればすいません。 どのような検索ワードで検索をかけたらいいのかもわかりません。

  • JavaScriptで著作権の年表示

    http://allabout.co.jp/internet/hpcreate/closeup/CU20061101A/index2.htm このページを参考に著作権の年をJavaScriptで表示させたところ、 FireFoxに限り画面が真っ白になって左上に「2008」とだけ表示されてしまいます。 ブラウザの戻るボタンを押すとちゃんと表示されるのですが、 この現象の原因と修正方法がわかる方教えていただけないでしょうか。 よろしくお願いいたします。

  • HTMLでスペースを入れる

    http://allabout.co.jp/internet/hpcreate/closeup/CU20060922A/ 新着順               一覧 という記述をしたいとき、どういう方法がHTML的にきれいでしょうか? 上記サイトのようにスペース文字をいれるか、テーブルで組むか、スパンでいれるか、DIVで入れるか。 SEOも多少考慮して、どのように記述すればよいと思いますか? ※WEBデザイン業している方はどんなふうに記述するのか、あわよくばお聞きしたいです。

  • CGIについて

    お忙しいところ、申し訳ないのですがお力をお貸し下さい。ホームページの「Copyright」を自動的に更新できるようにしたいと思い、色々と探しました。「オールアバウト」に説明してある記事【 http://allabout.co.jp/internet/hpcreate/closeup/CU20061101A/index3.htm 】があり、なんとか自力でと試したのですが、書いてある方法がよく理解できません。 初心者でも、実行できるように教えて頂けないでしょうか?宜しくお願いします。

  • マージンのマイナスのバグ

    http://allabout.co.jp/internet/hpcreate/closeup/CU20060427A/index2.htmでマージンのマイナスをつかったボックスの作り方が載っていますが、エクスプローラーでこの部分をそのまま使ってもボックスのラベルの上の部分が表示されません。FIREFOXではちゃんと表示されているようですが、エクスプローラーでなんとか表示させることはできないでしょうか?

  • JQuery UIで、表示したタブの中にアコーディオンを追加したい

    こちらのページにあるようなタブをjQueryで作り、 http://allabout.co.jp/internet/javascript/closeup/CU20071220A/index2.htm 出来上がったタブの中に、以下のページ http://allabout.co.jp/internet/javascript/closeup/CU20071215A/ にあるようなアコーディオンメニューを表示したいのですが、 タブの表示まではできるのですが、 アコーディオンメニューが追加できません。 実現へのヒント等、教えて頂ければ幸いです。