携帯版でリンクがうまく出来ない？写真と製品名があるのに戻るのリンクが動かない原因は？
- 携帯版のページでリンクが正常に機能しない問題について相談です。ページ内には写真と製品名が表示されており、その下に「戻る」のリンクを設置したいのですが、うまくリンクが動作しません。リンク先のページは、「ｈｐ」フォルダ内に「seihin」という名前のページが存在していますが、何か間違いがあるのでしょうか？どのように修正すればリンクが正常になるでしょうか？
- 携帯版のページでリンクが正常に機能しない問題について相談です。ページには写真と製品名が表示されていますが、その下に設置したい「戻る」のリンクがうまく動作しません。リンク先のページは、「ｈｐ」フォルダ内に「seihin」という名前のページがありますが、何か設定が間違っているのでしょうか？この問題の解決策を教えてください。
- 携帯版のページでリンクが正常に機能しない問題について相談です。ページ内には写真と製品名が表示されており、その下に設置したい「戻る」のリンクが動作しません。リンク先のページは、「ｈｐ」というフォルダ内に「seihin」という名前のページが存在していますが、どこか設定が間違っているのでしょうか？この問題を解決する方法を教えてください。
- ベストアンサー
携帯版でリンクが出来ないんですが。。
<BODY> <P align="center"><IMG src="○○○.jpg" width="120" height="90" border="0"></P> <P align="center">○○○</P> <P align="center"><A href="seihin.html">戻る</A></P> </BODY> 戻るのリンクがどうしてもうまく出来ないんです。 写真があって、製品名があって、その下に「戻る」にしたいんです。 「ｈｐ」というフォルダの中に「seihin」というページが作ってあるんですが…何か間違っているのでしょうか？ こんな文章では分かりづらいと思いますが、何かこれかな？って物でもあれば教えてください。 よろしくお願いします。
- popotantan
- お礼率47% (70/147)
- その他（インターネット・Webサービス）
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
一つ上の階層の別フォルダ内のファイルを指定する場合は 参考URLのページにあるように<a href="../hp/seihin.html">と指定する必要があります。 もちろんフルパス（http://から始まる完全なパス）で指定しても良いです。
その他の回答 (1)
- jein
- ベストアンサー率49% (2799/5705)
＞「ｈｐ」というフォルダの中に「seihin」というページが作ってあるんですが…何か間違っているのでしょうか？ じゃあそこを指定しないとダメですね。 階層が別の場所にあるファイルへリンクを張るなら相対リンクあるいは絶対リンクで場所を指定する必要があります。 ""の中に記載する際に、ファイル名だけの場合はこのHTMLファイルと同じ階層から指定したファイルが読み込まれます。 質問にあるHTMLファイルと同じフォルダ（階層）に入れているファイルを呼ぶならばこの方法で良いです。 その「hp」というフォルダの中に全てのHTMLファイルを入れているのか それともそれぞれのHTMLが別のフォルダにあるのかを補足してください。 「絶対リンク」「相対リンク」については参考URLをご覧ください
補足
早速のお返事ありがとうございます。 「ｈｐ」のフォルダに「seihin」というフォルダがあり、その中にリンクさせたいページがあります。 そのページにリンクをはり、「ｈｐ」の中にそのまま入っているhtmlのページにリンクさせたいのです。 「ｈｐ」－－－－seihin.html ↓ ↑ 「seihin」－－－－○○○.html こんな感じでお分かりいただけるか不安ですが、 お願いいたします・
関連するQ&A
- css 背景画像（1つ）とリンク付き画像（複数）を中心に表示したい。（
css 背景画像（1つ）とリンク付き画像（複数）を中心に表示したい。（超初心者です。） 現在、Kompozerをつかってホームページを作成しています。 添付画像のような配置にしたいので、いろいろなサイトを参照したのですがどうしてもうまくいきません。 現在のソースは以下のようになっており、ブラウザで表示すると背景画像が表示されません。 あまりにも知識がなく、不快な思いをさせてしまったら申し訳ございません。 ご指導いただければうれしいです。 よろしくお願いします。 ＊ソース <html><head> <meta content="text/html; charset=Shift_JIS" http-equiv="content-type"> <title>ページタイトル</title> <style type="text/css"> </style> </head><body> <div style="text-align: center;" background-image:="" url ＊＊.jpg ;width:450px;height:450px;=""><br> <br> <img style="width: 137px; height: 137px;" alt="" src="＊＊.gif" border="0"><br> <br><p style="text-align: center;"> <a href="＊＊.html"><img style="border: 0px solid ; width: 92px; height: 230px;" alt="" src="＊＊.jpg"></a><a href="＊＊.html"><img style="border: 0px solid ; width: 92px; height: 230px;" alt="" src="＊＊.jpg"></a><img style="width: 92px; height: 230px;" alt="" src="＊＊.jpg"><a href="＊＊.html"><img style="border: 0px solid ; width: 92px; height: 230px;" alt="" src="＊＊.jpg"></a><br></p> </div> </body></html>
- ベストアンサー
- HTML
- リンクバナーからリンクできません
ｇｏｏでのホームページをホームページビルダー６で作成しました。リンクバナーを貼ったのですがサイト上のバナーからリンクができません。ビルダーのプレビューではリンクできますし、サイト転送もできています。以下がサイトのソースです。どこが間違っているのか教えていただけますでしょうか。どうぞ宜しくお願い致します。また、ＰＣ歴が三ヶ月なのであまり専門用語は分りません。お手数をおかけ致しますがどうぞ宜しくお願い致します。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Homepage Builder Version 6.0.4.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> </HEAD> <BODY background="My Pictures/haikei125.jpg" text="#FF00FF"> <P align="center"><EMBED src="divina.mid" autostart="true" hidden="true" loop="true"><BR> <BR> <IMG src="logo2.gif" width="273" height="47" border="0" alt="ＦｒｅｅｄｏｍＣｌｕｂ "><BR> <IMG src="/perl-bin/counter/~sugarless728/?ndigit=5&face=ct_j"> <BR> <P align="center"><IMG src="image.jpg" border="0" width="374" height="262"></P> <CENTER></CENTER> <BR> <P align="center"><FONT size="+1"><B>ここは、＊＊＊＊の運営する全サイトの入り口です。<BR> どうぞ、お好きなサイトへリンクして下さいね。</B></FONT></P> <P align="center"> <A href="http://ip.tosp.co.jp/i.asp?i=*****"><IMG src="u-26.gif" width="94" height="48" border="0"></A></P> <P align="center"><B>
- 締切済み
- その他（インターネット・Webサービス）
- HTMLの画像のリンクについて
ページ内にインラインフレームを作成し画像サムネイルをクリックするとフレーム内に表示するという感じにしたいのですが、フレームサイズを500×500にしたので、このサイズを超える画像を表示するとページのスタイルが崩れてしまいます。元画像のリサイズをせずに表示させる方法はないでしょうか？ 構造は以下のようになってます。 <html> <head> <title>photo</title> </head> <body BGCOLOR="007777"> <br><br> <iframe NAME="photo" WIDTH="500" HEIGHT="500" FRAMEBORDER="0" ALIGN="right"></iframe> <br><br><br> <p> <a HREF="gazou1.jpg" TARGET="photo"><IMG SRC="gazou1.jpg" ALT="" WIDTH="50" HEIGHT="50" BORDER="0"></a> <a HREF="gazou2.jpg" STYLE=""><IMG SRC="gazou2.jpg" ALT="" WIDTH="50" HEIGHT="50" BORDER="0"></a> </body>
- ベストアンサー
- その他（インターネット・Webサービス）
- トップページから各ページにリンクできません
こんにちは。 お世話になります。 会社命令で、初めてホームページを作成しているものです。 表題にもあります通り、アイコン（と言うのでしょうか。ボタンと言うのでしょうか。「アクセス」などと書かれて、それを押すと、各ページに飛ぶようにする小さな画像です） から、各ページに飛ぶようにしたいのですが、上手くいきません。 一つ目のアイコンからは飛ぶように上手くリンクが貼れたのですが、二つ目以降、 が上手く貼れません。 最初にリンクを貼ったアイコンが青い枠で囲まれており、そのためか、 他のアイコンをドラッグして選択状態にしても、最初にリンクを貼った時の様に リンクを貼ることができないのです。 ページの他の画像、インラインフレーム等を選択しても、その青い枠は消えません。 どうすれば、この青い枠が無くなり、他のアイコンからもリンクを貼ることができるでしょうか？ 私が入力したソースは、下記の通りになります。 <html> <head> <meta content="text/html; charset=Shift_JIS" http-equiv="content-type"> <title>台湾</title> <style type="text/css"></style> </head> <body background="image/085.jpg"> <br> <p align="center"><big><big><big><big><big><b>abcd</b></big></big></big></big></big></p> <p align="center"><img src="image/080527_pandafullife_main.jpg" alt="" height="312" hspace="100" width="672"> <br> </p> <div align="center"> <b> <br> <big> +更新情報+</big> <br> <br> </b></div> <p style="height: 17px;" align="center"> <iframe style="top: 600px; left: 650px; width: 457px; height: 121px;" src="image/inraflame3.html" name="" id="center" marginheight="3" frameborder="1" scrolling="yes"></iframe><a><br> <br> </a><a href="about%E3%83%9A%E3%83%BC%E3%82%B8%E7%94%A8%E3%83%87%E3%83%BC%E3%82%BF.html"> </a><a href="about%E3%83%9A%E3%83%BC%E3%82%B8%E7%94%A8%E3%83%87%E3%83%BC%E3%82%BF.html"> </a><a href="aboutpagedate.html"><img alt="" src="image/02.gif" height="20" width="100"> <img alt="" src="image/07.gif" border="0" height="20" width="101"> <img alt="" src="image/04.gif" border="0" height="20" width="100"> </a></p> </body> </html> どなたか、お力を貸しては下さいませんでしょうか？ 宜しくお願い致します。
- ベストアンサー
- HTML
- ＣＳＳレイアウトの配置ずれについて
本を見ながらＨＴＭＬとＣＳＳを作成したのですが、どのブラウザで見てもclass指定した"slideItems"の位置が右にズレてしまいます。解決方法わかる方、教えてください。 以下、htmlとcssです。 html↓ <body> <div id="newBook"> <div class="item"> <ul id="slideItems"> <li><a href="#"/><img src="img/IMG_0162.jpg" alt="サンプル画像" width="50" height="63" /> <h4>サンプルアイテム1</h4> <p>コメント1</p> </li> <li><a href="#"/><img src="img/IMG_0135.jpg" alt="サンプル画像" width="50" height="63" /> <h4>サンプルアイテム2</h4> <p>コメント2</p> </li> <li><a href="#"/><img src="img/IMG_0164.jpg" alt="サンプル画像" width="50" height="63" /> <h4>サンプルアイテム3</h4> <p>コメント3</p> </li> <li><a href="#"/><img src="img/IMG_0140.jpg" alt="サンプル画像" width="50" height="63" /> <h4>サンプルアイテム4</h4> <p>コメント1</p> </li> <li><a href="#"/><img src="img/IMG_0171.jpg" alt="サンプル画像" width="50" height="63" /> <h4>サンプルアイテム5</h4> <p>コメント1</p> </li> <!--2ページ--> <li><a href="#"/><img src="img/IMG_0162.jpg" alt="サンプル画像" width="50" height="63" /> <h4>サンプルアイテム1</h4> <p>コメント1</p> </li> <li><a href="#"/><img src="img/IMG_0135.jpg" alt="サンプル画像" width="50" height="63" /> <h4>サンプルアイテム2</h4> <p>コメント2</p> </li> <li><a href="#"/><img src="img/IMG_0164.jpg" alt="サンプル画像" width="50" height="63" /> <h4>サンプルアイテム3</h4> <p>コメント3</p> </li> <li><a href="#"/><img src="img/IMG_0140.jpg" alt="サンプル画像" width="50" height="63" /> <h4>サンプルアイテム4</h4> <p>コメント1</p> </li> <li><a href="#"/><img src="img/IMG_0171.jpg" alt="サンプル画像" width="50" height="63" /> <h4>サンプルアイテム5</h4> <p>コメント1</p> </li> <!--3ページ--> <li><a href="#"/><img src="img/IMG_0162.jpg" alt="サンプル画像" width="50" height="63" /> <h4>サンプルアイテム1</h4> <p>コメント1</p> </li> <li><a href="#"/><img src="img/IMG_0135.jpg" alt="サンプル画像" width="50" height="63" /> <h4>サンプルアイテム2</h4> <p>コメント2</p> </li> <li><a href="#"/><img src="img/IMG_0164.jpg" alt="サンプル画像" width="50" height="63" /> <h4>サンプルアイテム3</h4> <p>コメント3</p> </li> <li><a href="#"/><img src="img/IMG_0140.jpg" alt="サンプル画像" width="50" height="63" /> <h4>サンプルアイテム4</h4> <p>コメント1</p> </li> <li><a href="#"/><img src="img/IMG_0171.jpg" alt="サンプル画像" width="50" height="63" /> <h4>サンプルアイテム5</h4> <p>コメント1</p> </li> </ul> </div> <div class="leftBtn"> <a href="javascript:startmove('left');"><img src="img/prev.gif" alt="左へ" width="25" height"25" border="0" /></a></div> <div class="rightBtn"> <a href="javascript:startmove('right');"><img src="img/prev_r.gif" alt="左へ" width="25" height"25" border="0" /></a> </div> </div> </body> css↓ #newBook { margin: 30px; position: relative; } .item { height: 115px; width: 500px; padding: 10px 0px; overflow: hidden; position: absolute; left: 40px; top: 0px; } .leftBtn,.rightBtn { text-align: left; width: 40px; position: absolute; top: 0px; } .leftBtn { text-align: left; left: 0px; } .rightBtn { text-align: right; left: 540px; } .item ul { width: 1500px; position: absolute; left: 0px; top: 0px; } .item li { background-color: #999999; height: 100px; width: 100px; list-style-type: none; padding: 10px 0px 5px; float: left; text-align: center; } #slideItems { position: absolute; left: 0px; top: 0px; }
- 締切済み
- その他([技術者向] コンピューター)
- テーブル高さ指定タグについて
テーブル高さ指定タグについて サイズがバラバラの４枚の画像をテーブルを使って同じ幅・高さ縦横各２枚並べて表示したいと思っています。 下記のとおり高さ・幅300と指定をしているにもかかわらず、400×400pixの画像が高さを超えて目いっぱい表示してしまいます。 <table border="1" width="600" height="600" cellspacing="0" cellpadding="0"> <tr> <td width="300" height="300" align="center"> <IMG border="0" src="http://○○○○/f000000_1.jpg"></td> <td width="300" height="300" align="center"> <IMG border="0" src="http://○○○○/f000000_2.jpg"></td> </tr> <tr> <td width="300" height="300" align="center"> <IMG border="0" src="http://○○○○/f000000_3.jpg"></td> <td width="300" height="300" align="center"> <IMG border="0" src="http://○○○○/f000000_4.jpg"></td> </tr> </table> どうすれば、すべて300×300pixの範囲内におさめることができるのでしょうか？
- ベストアンサー
- HTML
- セレクトボックスで、リンクバナーを表示するには
ブログのサイドバーがかなり長いので短くしたいと考え、リンクバナーをセレクトボックスで表示したいのです。 例えば <P><a href="http://www.kyoraku.co.jp/"><img height="37" alt="kyoraku_京 楽_TOP" src="http://www.kyoraku.co.jp/img/kyoraku.gif" width="99" border="0" name="image" /> <P><a href="http://www.kyoraku.co.jp/"><img height="37" alt="kyoraku_京 楽_TOP" src="http://www.kyoraku.co.jp/img_up/ms_17.gif" width="99" /> <P><a href="http://www.kyoraku.co.jp/"><img height="37" alt="kyoraku_京 楽_TOP" src="http://www.kyoraku.co.jp/img_up/ms_19.gif" width="99" /></P> この様なリンクバナーをセレクトボックスで表示する方法はないのでしょうか。 入れたいリンクバナーは、複数です。 個別リンクの許可は取ってあります。
- ベストアンサー
- JavaScript
- 画面全体が印刷されません。
印刷ボタン（画像）を押下で画面全体を印刷したいのですが、 印刷ボタン（画像）しか印刷されません。 どのように指定すればよろしいのでしょうか？ よろしくお願いします。 ===================================================================== <style TYPE="text/css"> <!-- #main{ background: url(img/waribiki.jpg) no-repeat center top; height:650px; text-align:center; --> </style> </head> <body> <p id=main><a href="javascript:window.print();"><img border="0" src="img/bprint.jpg" width="180" height="50" alt="印刷する"></a></p> </body> </html> =====================================================================
- ベストアンサー
- HTML
- 画像にリンクを張ると画像がずれるのを解消したいです
ホームページ作成初心者です。 ある個所の画像にリンクを張ると画像がずれて、表示がおかしくなります。 CSSで横幅を設定した中に同じサイズの画像を配置しています。 詳細をご覧いただきアドバイス頂けたら幸いです。よろしくお願いいたします。 html <div id="sidenavi2"> <ul> <li id="midashi2"><img src="image/os_side.jpg" width="200" height="56"></li> <li><a href#">あああ</a></li> <li><a href#">あああ</a></li> <li><a href#">あああ</a></li> <li><a href#">あああ</a></li> </ul> <p><img src="image/message.jpg" width="200" height="65" border="0"></p> <p><img src="../open_service/siryo_seikyu.jpg" width="200" height="62"></p> </div> css #contents #sidenavi2 { padding: 0px; float: right; height: auto; width: 200px; margin-right: 5px; margin-bottom: 0px; margin-left: 0px; } 情報が不足する点があるかもしれませんが、よろしくお願いいたします。
- ベストアンサー
- HTML
お礼
ありがとうございました。出来ました！