- ベストアンサー
リンクについて。
こんにちは。 初歩的な質問ですが、リンクの貼り方が分かりません。 タグは、 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title></title> <style type="text/css"> <!-- body{background-color:#ffffff;} table{font-size:medium;line-height:150%;color:#000000;} --> </style> </head> <body> <a href="about.html">about</a> <a href="1.html">main</a> <a href="nikki.html">nikki</a> <a href="link.html">link</a> </body> </html> としているのですが、「<a href="main.html">main</a> 」だけが、ページが表示できません。と、出てきます。「main.html]も、他のリンクと同じようにサーバーにアップしてあり、それを貼り付けています。 何故、リンクできないのでしょうか？
- その他（インターネット・Webサービス）
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
そのリンクを張ろうとしているページが、ブラウザなどから表示できますか？ (もちろん、「http://～～/1.html」または、「http://～～/main.html」という形でです。)
その他の回答 (2)
- oyaoya65
- ベストアンサー率48% (846/1728)
#1です。 もう一度 <a href="main.html">main</a> にもどして、 main.html のファイルが壊れていないか 入念にチェックしてみてから 改めて「main.html」で保存しなおして、ftp転送しなおしてみて下さい。 mainの後もカンマでなくピリオドになっていないか、入念にチェックして 見てください。
お礼
回答ありがとうございます。 ファイルは壊れていました・・・。 そのため、別のファイル名に買えた所なぜか表示されるようになりました。 ありがとうございました！
- oyaoya65
- ベストアンサー率48% (846/1728)
＞ <a href="1.html">main</a> を <a href="main.html">main</a> とすればいいじゃないですか？
お礼
回答ありがとうございます。 元々は、「<a href="main.html">main</a> 」にしていたのですが、それでつながらなかったので、「<a href="1.html">main</a> 」にしました。なので、それでは、つながりません・・・。説明不足で申し訳ありありません； 一度別のサーバーにつなげてそのときはつなげていました。 そのあとは、どのＵＲＬを入力してもつながりません・・・。
関連するQ&A
- スタイルシート（CSS）の外部リンク方式を使用したテキストリンクの色変更
お手数ですが、webページ作成に詳しい方は回答お願いします。 webページを作成しております。 スタイルシート（CSS）を外部リンク式でhtml文書に適用して、テキストリンクの色を変更しようとしています。 未訪問リンクは青色、訪問済みリンクはグレー、マウスオーバーリンクは赤色が希望ですが、うまくいきません。 未訪問、訪問済み、マウスオーバー時に関わらず常に赤色です。 ちなみに内部埋め込み式ではうまくいきました。 以下html及びスタイルシート詳細です。 （外部リンク式html） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <a name="jump"></a> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <LINK rel="stylesheet" href="css/body.css" type="text/css"> <SCRIPT type="text/javascript" src="css/default_css.js"></SCRIPT> <TITLE></TITLE> </style> </HEAD> ～抜粋～ <TABLE width="740" border="0" cellspacing="0" cellpadding="0"> <TR> <TD height="40" align="center" bgcolor="#504040" class="t0"> <div id="footer"> <br /> <a href="home.html">HOME</a> |<a href="sitemap.html">サイトマップ</a> <br /> </div> （外部リンク式スタイルシート） a:link {color:blue;} a:visited {color:gray;} a:hover {color:red;} body{ color:#666666;} #main { line-height: 150%;} （埋め込み式html） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <a name="jump"></a> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> <!-- a:link {color:blue;} a:visited {color:gray;} a:hover {color:red;} body{ color:#666666;} #main { line-height: 150%;} #footer { color:#ffffff; font-size: 100%;} --> <SCRIPT type="text/javascript" src="css/default_css.js"></SCRIPT> <TITLE></TITLE> </style> ～抜粋～ <TABLE width="740" border="0" cellspacing="0" cellpadding="0"> <TR> <TD height="40" align="center" bgcolor="#504040" class="t0"> <div id="footer"> <br /> <a href="home.html">HOME</a> <a href="sitemap.html">サイトマップ</a> <br /> </div> </TD> </TR> </TABLE></TD> よろしくお願いします。
- 締切済み
- HTML
- リンクの色を保持
iframeに表示されたページが、main.htmlのどのリンクを表示しているか分かるよう、main.htmlのページが表示された時に、リンク1の背景に色をつけたいと思っています。そして、リンク２がクリックされた時は、リンク２をクリックしていることが分かるよう、リンク１の背景の色をなくしリンク２の背景に色をつけたいと思っています。 つまり、 （１）main.htmlのページが表示された時に、リンク1の背景に色をつける （２）リンク２がクリックされた時は、リンク１の背景の色をなくしリンク２の背景に色をつける （３）リンク３がクリックされた時は、リンク２の背景の色をなくしリンク３の背景に色をつける をしたいと思っています。どのようにすればいいでしょうか？よろしくお願いします。 <--test.html--> <html> <head> <Meta Http-equiv="content-type" Content="text/html; charset=Shift_JIS"> <Title>テスト</Title> </Head> <body> <ul> <li><a href="main.html">main</a></li> </ul> </body> </html> <--/a.html--> <Html Lang="ja"> <Head> <Meta Http-equiv="content-type" Content="text/html; charset=Shift_JIS"> <Title>テスト</Title> </Head> <Body> <iframe src="http://yahoo.co.jp" name="test"></iframe> <ul> <li><a href="http://yahoo.co.jp" target="test">リンク1</a></li> <li><a href="http://www.goo.ne.jp/" target="test">リンク2</a></li> <li><a href="http://www.biglobe.ne.jp/" target="test">リンク3</a></li> </ul> </Body> </Html>
- 締切済み
- JavaScript
- ホームページの作り方
http://mezyu.chottu.net/ FrontPage ExpressとFFFTPを使っています。 テンプレートをかりてホームページをつくっているのですが、コンテンツ（右の）を増やそうとすると白いわくが消えてしまって About Diary Links Mailform Top と横書きに出てきてしまいます。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=x-sjis"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta name="GENERATOR" content="Microsoft FrontPage Express 2.0"> <title>*</title> <link rel="stylesheet" type="text/css" href="style.css"> <style type="text/css"> <!-- a:link,a:visited,a:active,a:hover{ color:#000; text-decoration:none; } body{ margin:0px; background-image:url(bg1.jpg); background-position:100% 0%; background-repeat:no-repeat; overflow:hidden; } .m1{ padding:5px 0px; width:100%; background-color:#fff; border-bottom:1px solid #000; filter:alpha(opacity=70); -moz-opacity:0.7; text-align:center; } --> </style> </head> <body> <p><a href="about.html" target="main">About</a> <a href="links.html" target="main">Links</a> <a href="mailform.html" target="main">Mailform</a> <a href="top.html" target="main">Top</a> </p> </body> </html> ↑ここにDiaryを増やしたくて<a href="diary.html" target="diary">Diary</a>と入れてみたのですが。。。 教えてもらえると助かります。
- ベストアンサー
- その他（インターネット・Webサービス）
- リンクにふれると文字表示！（クロスブラウザで）
リンクにふれると文字表示をさせたいのですが、ＮＮでは 指定した色（黄色）と位置（中心）に表示できないので困っています。 タグは以下の通りです。 <HTML> <HEAD><META HTTP-EQUIV="Content-Type"CONTENT="text/html;CHARSET=x-sjis"> <style type="text/css"><!-- body,tr,td {font-weight:bold; color:yellow}---></style> <TITLE></TITLE> <SCRIPT Language="JavaScript"> <!-- isIE4 = (navigator.appVersion.charAt(0)>=4 && (navigator.appVersion).indexOf("MSIE") != -1) isNN4 = (navigator.appVersion.charAt(0)>=4 && (navigator.appName).indexOf("Netscape")!=-1); function link_info(m) { if(m==null) m = ""; if(isIE4) { el = document.all("LINKMSG1"); el.innerHTML = m; } else if(isNN4) { lay = document.layers["PARENT_LINKMSG"].document.layers["LINKMSG1"]; lay.document.open(); lay.document.write("<font style='font-size:12pt'>"+m+"</font>"); lay.document.close(); } } //--> </SCRIPT> </HEAD> <BODY bgcolor="red" BORDER="0" topmargin="7" link="white" alink="yellow" vlink="yellow"> <center> <ilayer name="PARENT_LINKMSG" width="100%" height="16"> <layer name="LINKMSG1"></layer> <span id="LINKMSG1"></span> </ilayer> </center> <br> <center><font style="font-size: 10pt"> <a href="top.html" target="main" onMouseover="link_info('■■ＴＯＰ■■')" onMouseout="link_info()"> TOP</a> ｜ <a href="rink.html" target="main" onMouseover="link_info('■■リンク集です。■■')" onMouseout="link_info()"> リンク集</a> </font> </center> </BODY> </HTML>
- 締切済み
- JavaScript
- ＨＴＭＬでフレームから隣のフレームにリンクすると別窓になる
タイトル通り、どうやっても別窓になってしまうんです；；； 今の状況です↓ <html> <head> <title>MAIN</title> </head> <frameset cols="290,65%" bordercolor="#ffff55" frameborder="1" framespacing="1"> <frame src="menu.html" name="menu" scrolling="yes"> <frame src="top.html" name="top" scrolling="yes"> </frameset> </html> ↑これがmain.htmlです <html> <head> <title>MENU</title> </head> <body> <frame src="main.html" name="main"> <a href="top.html" target="top.html">TOP</a> <a href="about.html" target="top.html">ABOUT</a> <a href="gallry.html" target="_blank">GALLRY</a> <a href="memo.html" target="top.html">MEMO</a> <a href="link.html" target="top.html">LINK</a> <a href="index.html" target="_top">ENTER</a> </body> </html> ↑こっちがmenu.htmlです ショートカットは、main.htmlとmenu.html（左側）とtop.html（右側）を用意してあります まだ初心者なのでタグがごちゃごちゃしてて分かりづらいかもしれないですが（（汗 どうすればtopの方に表示されるのでしょうか？？
- ベストアンサー
- その他([技術者向] コンピューター)
- スマホで見るとリンクが中央に来ないです
スマートフォンサイトを作っているのですがタイトルのとおり、スマホでリンクの文字が 少し左寄りになってしまい中央に来なくて困っています。(添付ファイルがそうです) 出来る限りで色々試してみましたが、自分の力量では駄目でした。 これは中央に持って来る事は出来るのでしょうか？ 宜しければお教え頂けると幸いです。 ソースは詳しくないので色々間違っているかもしれませんが、こちらになります。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=shift_jis"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-style-Type" content="text/css"> <meta name="generator" content="HomePage Creator v5.0J"> <meta name="viewport" content="width=device-width"> <title>ひとがた</title> </style> </head> <BODY text="#000000" link="#000000" vlink="#000000" alink="#000000"> <CENTER><img hspace="0" src="http://oht.holy.jp/e/k_h/3.jpg" align="baseline" border="0"> <br><br> <div align="center"><a href="http://oht.holy.jp/k/h">戻る</a></div> </center> </body></html>
- 締切済み
- Android
- Mac-IEでの複数フレームのリンク
02-01-18のkyappunさんの質問と内容的には同じなのですが。 フレーム使用のホームページで、複数フレームを同時に変更したいのですが、MacのIE(5.0)では、どうしても動作しません。 ※WinのIE6.0、NN4.7、NN6.0、MacのNN4.7では動作します。…が、MacのIEでも 動いてほしいのです。 ソースは、以下のようにしました。 （このソースには、こだわってないです） 解決法をご存知の方がいらっしゃいましたら、どうかよろしくお願いします。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>フレームのリンク</title> <SCRIPT Language="JavaScript"> <!-- function changepage(top,bottom) { parent.head.location.href=top; parent.main.location.href=bottom; } //--> </SCRIPT> </head> <body> <form> <a href="javascript:changepage('head2.html','main2.html')">リンク1</a> <br> <a href="javascript:changepage('head3.html','main3.html')">リンク2</a> </form> </body> </html>
- ベストアンサー
- Mac
- ｆｃ２においてのフレームページについて
fc2で作ったページをメモ帳でフレームページにしているのですが fc2にアップロードしてプレビューすると 左のメニュー欄しかでないんです。 右のメインでは最初から出てくるページも メニューで指定することででてくるページも 全部404Error - Page not foundになります。 色々見渡して確認してみましたが、まだどこか見落としているみたい ですので、どうか、間違いを指摘してくれませんでしょうか。 HTMLは以下のように作成しました ：ファイルframe.html： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <HTML> <HEAD> <TITLE>てすと</TITLE> </HEAD> <FRAMESET cols="180,*"> <FRAME src="m.menu.html" name="menu"> <FRAME src="top.html" name="main"> <noframes> <body> <p>このサイトはフレームを使用しております</p> </body> </noframes> </frameset> </html> ファイルright.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja" xml:lang="ja"> <head> <title>てすと２</title> <meta content="text/html; charset=SJIS" http-equiv="Content-Type" /> <meta content="text/css" http-equiv="Content-Style-Type" /><style type="text/css"> <!-- 色ははしょります --></style></head> <body><h6 style="text-align: center"> <a href="てすと３"target="main"><img alt="" src="イラストのアド" /></a> </h6> （本当はもっとあります； ：ファイルleft.html： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <title>top</title> <meta http-equiv="Content-Type" content="text/html; charset=SJIS" /> <meta http-equiv="Content-Style-Type" content="text/css" /><style type="text/css"> <!-- body { 色はしょります --></style> </head> <body> <p style="text-align: center">いろいろ</p> </body> 何が駄目なのでしょうか・・ もしかしたらほんのささいなことかもしれませんが ご指摘お願いします、もし表示が不十分でしたら後に追加します
- ベストアンサー
- レンタルサーバ・ASP
- テキストリンクをクリックした際の四角い囲み線を消す方法。
上記の通りです。 ソースは <style tipe="text/css"> <!-- a{text-decoration:none} a:hover{background: #ffff99} --> </style> </head> <body> <a href="/sample_about.html">●○について</a> </body> </html> と記述しています。 これにプラスどういったプログラムを書けばいいのでしょうか？画像リンクのやり方は過去スレにあったのですが、テキストを対象としたものが見つかりませんでした。どなたか教えて頂けませんか。お願いします。
- ベストアンサー
- HTML
- リンクを張った文字列の色
次のようにするとlink、hover、active、viewedのそれぞれの場合に「リンク先のページのタイトル」の文字列の色がgreen、#ffdddd、#ffffdd、maroonになると思ったのですが、うまくいきません。maroonのままです。 <html> <head> <style type="text/css"> <!-- table {font-size:12px; } a.x:link {color:green; text-decoration:none; } a.x:hover {color:#ffdddd; } a.x:active {color:#ffffdd; } a.x:visited {color:maroon; } --> </style> </head> <body> <table border="0" width="100%" height="400" text="bold"> <tr><td><a href="http://www......html" class="x" target="_blank">リンク先のページのタイトル</a>/td></tr> </table> </body> </html> よろしくお願いします。
- ベストアンサー
- HTML
お礼
回答ありがとうございます。 他のページは出来ますが、何故かそのページだけがブラウザでは、表示できません。