ホームページ制作中。リンクが出来ません。
- 絵中心のサイトを作るためのホームページ制作中にリンクがうまく作成できません。
- テンプレートを使用しているため、自作ページとのリンクがうまく繋がらない可能性があります。
- 初心者なので専門的な用語はわかりませんが、調べながら解決方法を探しています。
- ベストアンサー
ホームページ制作中。リンクが出来ません。
私は今、絵中心のサイトを作ろうと思っています。 同じフォルダ内には ・index.html(メモ帳から作りました) ・top.html ・memo.html ・main.hrml ・pic.html(メモ帳から作りました) があります。 私はサイト様からテンプレートをお借りしたので top.htmlからmemo.htmlとmain.htmlは すでにリンクで繋がっていました。 ですが top.htmlからmain.htmlにとび、 main.htmlからpic.htmlにとぼうとして リンクを繋いでも、ページが開きません。 「テンプレートを使っているから 自分が作ったページとは繋がらないのかな？」 とも思いましたが、 index.hemlからtop.htmlにとぶことは出来ます。 (indexからtopには画像でリンクをしています。) どこがおかしいのか 教えていただけると嬉しいです。 初心者なので、専門的な用語は わかりませんが、自分からも調べていこうと思います。 よろしくお願いします!! ・mainのソースは以下↓です。 <body> <h2>main</h2> <div class="text"> <br> <br><A Href="pic.html">絵</A> <br> </div> </body> </html>
- レンタルサーバ・ASP
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
ディレクトリ（階層）が違うのではないでしょうか？ 質問主さんが表記したソースは同じディレクトリ内でしかリンクできません。 飛びたいのが上の階層ならば <A Href="../pic.html">絵</A> 若しくは URLの全部表記すると飛べます。 <A Href="http://oshiete1.goo.ne.jp/abc/pic.html">絵</A>
その他の回答 (1)
同一ディレクトリ（フォルダ）なら「相対パス」で記述させれば有効。 同一で無いのなら初心者には「絶対パス」で記述。 相対と絶対の違いは検索して調べましょう。 此の方が知識を深めるのにも良いですから。
関連するQ&A
- 複数リンクをしたいのですが表示されない
複数リンクしたいページがあったので色々試みました こちらのサイトを参考にして http://www6.airnet.ne.jp/manyo/xml/index.html Xlinkの単純リンク・拡張リンクを試したのですがリンクが全くされないで、普通に文字が並んでるように表示されました また http://questionbox.jp.msn.com/qa1821124.html こちらのやり方で試みてもリンクされていない状態でした。 XMLの書き方がまずかったのか、別の理由でリンク表示されないのかわかりませんがどうしたら複数リンクができるでしょうか？ 大体こんな感じに書きました ↓XML <?xml version="1.0" encoding="Shift_JIS"?> <?xml-stylesheet type="text/xsl" href="anime1.xsl"?> <iti> <sait> <name>世界の発展</name> <gai> <link url="http://***">イギリス</link> <link url="http://***">フランス</link> <link url="http://***">イタリア</link> </gai> </sait> ↓XSL <?xml version="1.0" encoding="Shift_JIS"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:template match="/"> <html> <head> <title>テスト</title> </head> <body> <div align="center"> <xsl:apply-templates select="iti" /> </div> </body> </html> </xsl:template> <xsl:template match="iti"> <br /> <br /> <h1>テスト</h1> <xsl:apply-templates select="sait" /> <br /> <br /> </xsl:template> <xsl:template match="sait"> <table border="1" bgcolor="#006fdd" width="700"> <tr> <th><xsl:value-of select="name" /></th> </tr><tr> <td><xsl:value-of select="gai" /></tr> </table> <br /> </xsl:template> <xsl:template match="link" > <a> <xsl:attribute name="href"> <xsl:value-of select="@url" /> </xsl:attribute> <xsl:value-of select="text()" /> </a> </xsl:template> </xsl:stylesheet> どこら辺が間違ってますでしょうか？
- ベストアンサー
- XML
- word2007でのホームページ作成
現在、テンプレートを使って、ホームページを作成しています。 トップページ（index.html）をつくり、そこからのリンクページを作るために、 トップページを別名で保存し加工しようとしたところ、 編集がhtmlのタグではなく、word2007での編集しかできませんでした。 word2007では、ソースの編集ができないため、メモ帳でやろうと思ったのですが、 メモ帳に正しいソースが表示されません。 お分かりになる方いらっしゃいましたら、回答お願いいたします。 OS/windowsVistaです。
- 締切済み
- オフィス系ソフト
- フレームページのリンクについて
今、メモ帳でサイトを作っています。そこで、フレームページについてでわからないことがありましたので質問させていただきます。 質問は、縦に分割したフレームで左がメニュー、右がメインページとなったものです。 タグは下のとおりです。 <html> <head> <title> -とっぷ- </title> </head> <body> <center><font face="メイリオ"><br><br><a href="tyuui.html"target="main">ちゅうい</a></font><br> </center> </body> </html> サイトの注意書きを載せたいのですが、これだと別窓に表示されます。 注意書きのページ名はtyuui.htmlで表示する右ページ名はmain.htmlであっています。スペルチェック等も何度もしました。 mainの場所に.htmlをつけても別窓表示されます。 右のページにリンク先を出すには、どうすればいいのでしょうか。 私は極力お金をかけないように、サイトなどで確認・勉強しながらタグ打ちをやっていますので初心者です。説明も分かりにくいかもしれませんが、よろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- ホームページのリンクの貼り方を教えてください
RESET の文字を押したら INDEX に戻るようにしたいのですが、 <a target="top" href="インデックスページのアドレス"><font size="-1">RESET</font></a> <br /> だと別窓が開いてしまいます。 別窓ではなく、そのページがインデックスページになるようにしたいのですがどのように修正したらよいでしょうか? 教えてください。 お願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- homepage manager編集方法
homepage managerでテンプレートの編集をしました。 保存し、IEで見ると編集通りになっています。 無料ホームページスペースにUPしたところ、壁紙や画像がなくなっています。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja-JP"> <head> <meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-script-Type" content="text/javascript"> <link rel="stylesheet" href="index.css" type="text/css" media="all"> <title>サイトタイトル。</title> </head> <BODY> <H1>サイトタイトル</H1> <DIV id=main> <DIV class=top><IMG alt=パーツ src="img/d.gif" width=1 height=1></DIV> <DIV id=inbox> <DIV class=box><!--mainの中の部分に本文を入れます。--> <H2>テンプレート＃68へようこそ！</H2> <P>暑い夏シーズンに最適な、深い海を泳ぐイルカがモチーフの爽やかなテンプレートです。</P> <P>ホームページ作成ソフトやテキストエディタがあれば、簡単に書き換えられるようにシンプルに作ったデザインテンプレートです。知識のある方は、是非色々改造して使って下さい。</P> <P>また、テンプレートの素材だけを抜き出してブログのヘッダ等に使うのもアリだと思います。感性の赴くままに、ご自由に使っていただけると嬉しいです。<BR>貴方のホームページライフに、お役に立てる事を願っています。</P> <P>テンプレートの再配布はご遠慮下さい。<BR>ただし、ご自身で画像を差し替えた場合はその限りではありません。その場合、ソース内のこの素材屋へのリンクを残して下さい。<BR>※このテンプレートで金銭のやりとりをする事は原則禁止します。改造後の販売はご遠慮下さい。</P> <H2>このデザインについて。</H2><IMG style="MARGIN: 4px 14px 4px 6px; FLOAT: left" border=0 src="img/top.jpg" width=280 height=280> <P><BR>スタイルシートでレイアウトしたデザインです。左の画像はおまけですので、良かったら使って下さいね。</P> <P>改造は同一フォルダに「index.css」がありますのでそれを書き換えて下さい。<BR>画像は「img」フォルダに入っています。</P> <P>編集については<A href="http://hide.kanari.info/howtotemp.php" target=_blank>HTMLテンプレートの編集方法。</A>にて解説してます。<BR>基本的にサイト作成のご質問等のサポートはしてません。<A href="http://kanari.info/b/227.html" target=_blank>ホームページを持ちたい方へ。</A>の記事や、初心者をサポートするサイトで調べてみて下さいね。</P><!--ここまで本文。--></DIV></DIV> <DIV class=bottom><IMG alt=パーツ src="img/d.gif" width=1 height=1></DIV></DIV><!--ここはコンテンツの部分です。--> <DIV id=navi> <DIV id=navi_in> <DIV id=home>HOME</DIV> <DIV id=profile><A href="about.html">PROFILE</A></DIV> <DIV id=gallery><A href="gallery.html">GALLERY</A></DIV> <DIV id=bbs>BBS</DIV> <DIV id=diary><A href="diary.html">DIARY</A></DIV> <DIV id=link><A href="link.html">LINK</A></DIV></DIV></DIV><!--ここまでコンテンツの部分です。--> <DIV id=by>This template made by<BR><A href="http://hide.kanari.info/" target=_blank>素材屋</A></DIV> </BODY> </html> ↑これがダウンロードしたテンプレートのものです。 サイトタイトルと本文を書き換えました。 壁紙や画像をそのまま使いたいのですが、消えてしまします。 文字を書き換えただけなのですが、他に何をすればいいのかわかりません。 自分でも現在色々調べていますが、よくわかりません。 わかる方 いましたらよろしくお願いします。
- 締切済み
- その他([技術者向] コンピューター)
- HTMLとCSSのホームページのメニューについて
HTMLで過去に作った経験がほんのちょっとだけありますが、フレームは良くないという話もあり、 またCSSたどあとで全HTMLファイルに対してちょっとの変更でデザイン変更できるということで 今回初めてHTMLとCSSでホームページを作りました。 HTMLはまあこんな感じです。 <body> <div id="contener"> <div id="contents"> <h1>内容だよ</h1> <div id="main"> <p>内容１だよ<br> 内容１ですよ。内容１だって言ってるよ。 </p> </div> </div> </div> <!--左サイドメニューバー（回り込み）--> <ul> <li><a href="index.html">TOPページ</a></li><br> <li><a href="naiyou1/naiyou1.html">naiyou1</a></li> <li><a href="naiyou2/naiyou2.html">naiyou2</a></li> <li><a href="naiyou3/naiyou3.html">naiyou3</a></li> <li><a href="naiyou4/naiyou4.html">naiyou4</a></li> </ul> </body> で今困っているのが「左サイドメニューバー（回り込み）」以下で左にメニューバーを設置しているのですが、 コンテンツを増やすたび”全部のHTMLにリンク１行追加しなければいけない”ということです。 <li><a href="naiyou5/naiyou5.html">naiyou5</a></li> とか。 数ページだったらなんてことないのですが、２０ページ以上になると手間ですし、ミスも出てきます。 こんなものなのでしょうか？ いい知恵があれば教えてください。
- ベストアンサー
- CSS
- ホームページの位置が、、
教えていただきたいです。現在ホームページを作成中なのですが、、、 http://homepage.decoweb.jp/template/view/H200051 のテンプレートを使っていますが、、インターネットエクスプローラで表示すると、右に寄ってしまい、真ん中に位置がきません。 ちょうど真ん中にくるようにすればどのようにすればよいか教えてもらえないでしょうか？ 参考までにソースを記載しておきます。よろしくお願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 12.0.4.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <title>decoウェブ</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="wrapper"> <div id="header"> <!-- ▼ここからサイト名 --> <h1><FONT size="+3" style="font-size : 200%;"><a href="index.html"><U><I>fate type A</I></U><BR> </a></FONT></h1> <!-- ▲ここまでサイト名 --> </div> <div id="main" class="clearfix"> <div id="side"> <div id="photo"> <!-- ▼ここからメニュー上部画像 --> <img src="images/photo.jpg" /> <!-- ▲ここまでメニュー上部画像 --> </div> <div id="menu"> <ul> <!-- ▼ここからメニュー --> <li><a href="index.html">top</a></li> <li><a href="sub.html">profile</a></li> <li><a href="sub.html">gallaly</a></li> <li><a href="sub.html">links</a></li> <li><a href="sub.html">bbs</a></li> <!-- ▲ここまでメニュー --> </ul> </div> </div> <div id="contents"> <div id="news"> <div>NEWS</div> <!-- ▼ここからニュース -->2008 1 30</div> <BR> <h2>2008 1 30</h2> <!-- ▲ここまで見出し --> <!-- ▼ここから本文 --> <p>今日から総合エンターテイメントな（というかゲームとか、アニメとか）なページを目指して発信いたします。ページは簡素に、深く情報発信的なページを目指していきたいと思います！</p> <br /> <!-- ▲ここまで本文 --> </div> </div> <div id="footer" class="clearfix"> <div id="copyright">copyright© 2008 fate type A All Rights Reserved.</div> <div id="deco_banner"><a href="http://homepage.decoweb.jp/" target="_blank" title="無料テンプレートのdecoweb - ホームページデザインのテンプレート"><img src="images/decoweb.gif" alt="無料テンプレートのdecoweb - ホームページデザインのテンプレート" title="無料テンプレートのdecoweb - ホームページデザインのテンプレート" /></a></div> </div><!-- [FC2 Analyzer] http://analyzer.fc2.com/ --> <script language="javascript" src="http://analyzer52.fc2.com/ana/processor.php?uid=434228" type="text/javascript"></script> <noscript><div align="right"><img src="http://analyzer52.fc2.com/ana/icon.php?uid=434228&ref=&href=&wid=0&hei=0&&col=0" /><a href="http://bbs.fc2.com/">掲示板</a></div></noscript> <!-- [FC2 Analyzer] --> </div> </body> </html>
- ベストアンサー
- レンタルサーバ・ASP
- スムーズにスクロールできるスプリクトが作動しません
初めて質問させていただきます。 ページ内にスタイルシートを使ってスクロールしても動かない案内板のようなボックスを作り、その中でページの上部に戻る際、スルスルとスクロールするjavascriptを入れたいのですが、うまく作動しません。 <script type="text/javascript" src="○○.js" charset="utf-8"></script> <STYLE type="text/css"> <!-- html{ height:100%; overflow:hidden; } body{ height:100%; margin:0px auto; } #sub{ width:100px; position:absolute; bottom: 0px; right: 0px; z-index:100; } div#main{ width:100%; height:100%; overflow:auto; } --> </STYLE> </HEAD> <BODY> <DIV id="sub"><A href="○○">あいうえお</A><BR><A href="○○">かきくけこ</A><BR><a href="#top">上へ</A></DIV> <DIV id="main"> <A name="top"></A><BR> ・・・略 </div> </body> 普通のbody内でリンクを指定すると、問題なくスプリクトが作動します。 なぜ、div内では作動しないのでしょうか？ いろいろ調べてみましたが、どうしても分からず、こうして質問させていただきました。 原因がわかる方がいらっしゃいましたら、どうか教えてくださいますようお願いいたします。
- ベストアンサー
- JavaScript
- div内の classのリンクのつけ方
<body class="thrColFixHdr"> <div id="header"> <div id="headerIn"> <div class="logo">店名</div> <h1>ようこそ</h1> </div> <!-- end #header --></div> ホームページの一番上の部分です。 http://www.goo.ne.jp/ 上記サイトのように左上にロゴが入っており、 お店ページのロゴをクリックしたら、上記ページと同じようにトップページに戻るようにしたいのですが、 class="logo"にリンクをつけても反応してくれません。 それ以外にググって色々調べましたが、どうしても方法が分りません。 初歩的な質問かもしれず、恐縮ですがご教授いただければ幸いです。
- 締切済み
- ホームページ作成ソフト
