Q&A
（質問は編集できます）
タイトルは要件のみを記述してください。「初心者」は「初心者アイコン」がありますのでそれをつければ良いですし、タグにある内容を再度タイトルで宣言する必要はありません。
「起きている問題」「実現したいことで困っていることの詳細」をタイトルにすると良いです（質問内容に寄せること）
サイトの右側のサイドバーの「サービス付き高齢者向け住宅整備事業」の下にバナーを一つ追加したいと思います。
JavaScriptにサイドバー追加記述しバナーも新しくbnr_link_06_off.gifとbnr_link_06_on.gifという画像を追加しマウスオーバーさせたいと思いましたが以下のようになってしまいました。
どこにどのような記述をしたら正しく表示されますか？
以下の通り「住まい環境整備モデル事業」を追加しました。
サイドバー部分のコードです。
JavaScript
document.write('\
正しくバナーを表示できないページです
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>住宅確保要配慮者専用賃貸住宅改修事業 ホーム</title> <link href="css/common.css" rel="stylesheet" type="text/css"> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <script src="js/jquery-1.4.4.min.js"></script> <script src="js/jquery.rollover.js"></script> <script src="js/rollover.js"></script> <style type="text/css"> <!-- .style1 {font-size: 11px} --> </style> </head> <body> <div id="container" class="clearfix"> <!--header--> <div id="header" class="clearfix"> <header> <h1><a href="../"><img src="images/logo.gif" alt="住宅確保要配慮者専用賃貸住宅改修事業"></a></h1> </header> </div> <!-- /header --> <nav> <ul> <li class="g-nav01 home"><a href="/">ホーム</a></li> <li class="g-nav02 apply"><a href="entries/index.html">申請方法</a></li> <li class="g-nav03 contact"><a href="contact/index.html">お問い合わせ</a></li> <li class="g-nav04 guide"><a href="guide/index.html">各種手続案内</a></li> </ul> </nav> <!-- menu --> <script src="ssi/menu.js"></script> <!-- /menu --> <div id="contents_box" class="top"> <div id="top_contents_box"> <section id="top"> ```
また、自身が書いたコード（他者がコピペで再現確認できるもの）をご提示ください。
mts10806さん
コードを追加しました。よろしくお願いいたします。
お手数ですがコードはマークダウンのcode機能を利用してご提示ください。
https://teratail.com/help#about-markdown
あと、各行末尾の「\」は本当にコードに入っていますか？
もう1点・・・
「マウスオーバーさせたい」を実現しようとしたコードはどこでしょうか？提示されたコードは単に表示するためだけのように見受けられますが・・
マークダウンのcode機能初めて知りました。出来る範囲で利用しました。
＞各行末尾の「\」は本当にコードに入っていますか？
これは使用しているコードをコピペしたものです。実際入っています。
＞実現しようとしたコードはどこでしょうか？
index.htmlのコードを表記しました。
えーっとマークダウン対応できてないようですが・・・
```html
コード
```
```JavaScript
コード
```
と書いてもいいですし、面倒であればコード部分を選択状態のまま<code>を押してください。
回答1件
0
ベストアンサー
今現状わかることだけ。
「住まい環境整備モデル事業」とaltがそのまま出ているので単に画像のアップを忘れたか画像名（またはパス）を間違えただけではないでしょうか。
ブラウザのデベロッパーツールのConsoleを確認してみてください。
たぶん画像が見つからない（404 Not Found）のエラーが出ていると思います。
投稿2019/07/09 06:39
編集2019/07/09 06:40総合スコア80850
確認したら仰る通りでした。慣れなくて基本的な事でつまずいてました。ありがとうございます。
解決したようで何よりです。
一応練習のため、マークダウンのcode対応だけでもしておいてもらえますか？
ワンクリックでコピペができるようになりますし、平で提示されると行頭のスペースが詰められたりで「質問者が実際に扱っているコードそのまま」ではなくなりますので。
上記の件了解いたしました。
マークダウンのcode対応、今後意識してチェックしながら対応したいと思います。重ね重ねありがとうございました。
あいえ、今回の質問からという意味で・・・
解決後も質問は編集できますので。
一応、ヘルプも見ておいてください。
https://teratail.com/help#about-markdown
あなたの回答
tips
プレビュー
