• ベストアンサー

HTMLのリンクアンカーがおかしい???

nutsの回答

  • ベストアンサー
  • nuts
  • ベストアンサー率36% (141/389)
回答No.3

<TD>や<A>の中に<H2>を入れたり<A>の中に<P>を入れるのは、厳密にいえばHTMLの文法に反していますよね。もっとも、IEやNN(4.7以前)がそこまで考えてそういうエラーを起こすようになっているとは思えませんけどね。かなりいいかげんな記述でも許容してそれらしく表示してしまいますが(逆にそれだからいいかげんな記述がまかりとおっているのですが)、本来なら何が起きても不思議じゃないです。 「aaa」の行を次のようにしてみるか、スタイルシートを使ってみるのはどうでしょう。 <tr><td align=center><b><font size="5"><a href="help_10.asp" target="right">aaa</font></b></a><br></td></tr>

forester
質問者

お礼

ありがとうございます。 HTMLの勉強ろくにしていないのに、ASPで開発しているので、 ???なタグばかりで、毎日悪戦苦闘しています。 他人が作成したPGで、すでに客先に導入されているPGなので、 文法違反だとは思っていなかったのですが、文法違反なのですね。 前に、IE5.0で発生する現象が、IE5.5では発生しないことがあったので、 てっきりブラウザのバグだと思い込んでいました。 勉強になりました。ありがとうございました。

関連するQ&A

  • 新しいウィンドをリンク指定したい。

    はじめまして、 最近webに興味があっていろいろ制作しています。 javascriptで新しいウィンドを作るのはいいんだけど、リンク指定ができない。 ーー<HTML>ーー <table align="center" width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="right"><iframe src="image.html" name="BG" width="100%" height="100%"></iframe></td> </tr> </table> <table border="2"> <tr> <td align="center"><a href="JavaScript:win_open('000');" target="BG"> <img src="../image/000.jpg"a></td> </tr> </table> ーー<JavaScript>ーー <!-- function win_open(preview) { new_win=window.open("","preview",); new_win.document.write("<HTML><HEAD><TITLE>"+preview+"</TITLE>.....); new_win.document.close(); } //--> <a href="JavaScript:win_open('000');" target="BG"> 上記の書式は使えないので困ってます。 なんとか助けていただけたいです。

  • ■至急■html詳しい方 テーブル内のリンク書式

    htmlでテーブル内にリンクを貼った場合の書式設定が 反映しません。 下記のテーブル内のTOP , PROFILEなどの文字色、文字サイズを 変更したいのですが、<font size="20">と書いても全く反映しません。 書く場所が悪いのでしょうか? <html> <head> <title>memuページ</title> <!--<link href="./style.css" rel="stylesheet" type="text/css">--> <body link="WHITE" vlink="WHITE" alink="WHITE"> </head> <body> <BR> <table width="1200" border="0" cellspacing="0" cellpadding="5" align="center"> <tr bgcolor="pink"><font size="20"><td colspan="2"><b> <td width="250" height="30"><a href="./main.html" target="main">|TOP|   <td width="250" height="30"><a href="./profile.html" target="main">|PROFILE| <td width="250" height="30"><a href="./shop.html" target="main">|SHOP|</td> <td width="250" height="30"><a href="./help.html" target="main">|HELP|</td></font> </table> </body> </html>

    • ベストアンサー
    • HTML
  • ブログのHTMLからトラックバックをしたブログのURLの抽出(URLの重複抽出を避けたい)

    いつもお世話になっています。 先日、「ブログのHTMLからトラックバックをしたブログのURLの抽出」 http://oshiete1.goo.ne.jp/kotaeru.php3?q=1725502 の質問にてのご回答を参考にプログラムを作成しました。 ところで、ブログによってはトラックバック先のURLを紹介するときに、 トラックバック先のブログの記事のタイトル・そのブログタイトル名やmoreなどの表示によって、 トラックバックの先のURLのリンクがHTML中に二つ以上出てくるものもあります。 例えば、楽天では、以下のHTMLのように同じURLが重複しています。 <html> <head> … <a name="trackback"></a> <H4 class="h4"> <TABLE border="0" cellpadding="0" cellspacing="0" width="100%"><TR><TD> <a href="http://plaza.rakuten.co.jp/example/20051020/" target="_blank"></a> </TD><TD align="right"> <a href="http://plaza.rakuten.co.jp/example/20051020" target="_blank </a> </TD></TR></TABLE> /div> <br /> <H4 class="h4"> <TABLE border="0" cellpadding="0" cellspacing="0" width="100%"><TR><TD> <a href="http://blogs.dion.ne.jp/example/archives/2121894.html" target="_blank"> </a> </TD><TD align="right"> <a href="http://blogs.dion.ne.jp/example/archives/2121894.html" target="_blank">TORACCHO'S ROOM E-Package2</a> </TD></TR></TABLE> </H4> … </body> </html> そこで、同じURLを重複して抽出しないようにするには、 どのようにプログラムを改正すればよいのでしょうか? よろしくお願いします。

    • ベストアンサー
    • Java
  • <TABLE><TD><TR>~内のアンカー

     以下のように<TABLE><TD><TR>内にアンカーを置いたとき、IE9までは問題なく動作したのですが、IE10では動作せず、アンカーが引っかからないかように一番上から表示されます。 何か対応策はないでしょうか? <html> ~ <body> <table> <tr> <td> <a href="aaa"></a> あいうえお </td> </tr> <tr> <a href="bbb"></a> <td> かきくけこ </td> </tr> </table> </body> </html> ---------------------------------------------- http://thispage.html#aaa http://thispage.html#bbb IE9まででは、各行で頭出しされるが、IE10では、先頭から表示される。

  • TDタグをスタイルシートを使って綺麗に簡単に書きたい。

    二つほど質問があります… 以下のようなcssとhtmlを書きました。 ○stylesheet.css body{background-color:#ffffff} a:hover{color:#ff0000;text-decoration:none;background-color:#ffff00} ○XXX.html <html> <head> <meta http-equiv="text/html" contents="Shift_JIS"/> <link rel="stylesheet" href='../css/stylesheet.css' type="text/css"/> </head> <body> <table border> <tr>  <th>&nbsp;</th>  <th>XXXXXX</th>  <th>XXXXXX</th>  <th>XXXXXX</th> </tr> <tr>  <th>XXXXXX</th>  <td align="right"><a href="###.html">100</a></td>  <td align="right"><a href="###.html">525</a></td>  <td align="right"><a href="###.html">300</a></td> </tr> <tr>  <th>XXXXXX</th>  <td align="right"><a href="###.html">10</a></td>  <td align="right"><a href="###.html">150</a></td>  <td align="right"><a href="###.html">300</a></td> </tr> </table> </body> </html> 質問1 <td>は全て数値で、必ず右寄せ(align="right")なのですが、 stylesheet.cssの中に書いてしまいたいのです…でも td{align:right} と記述しても右寄せしてくれません…どう書くのが正しいのでしょうか? 質問2 マウスカーソルをリンクに合わせると文字が反転するようになっているのですが できる事ならtdタグの空白部分も反転したほうが良いと思うのですが td:hover{color:#ff0000;text-decoration:none;background-color:#ffff00} としても駄目で <a href="###.html"><td align="right">100</td></a> とするとリンクが無くなってしまいました… 上手く実行できるようになりますでしょうか? できればJavaScriptを使いたくないんです… わがままな質問ですが、回答よろしくお願いします。

    • ベストアンサー
    • HTML
  • リンク先から戻ったら、表示がおかしい。

    未完成品です。 サイトの各ページからメインページに戻ると、文字の色が変わったり、 大きさが変わります。 どこに不具合があるか、初心者なのでよくわかりません。 いじりすぎて、構成もめちゃくちゃだと思いますが、よろしくお願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>ゲームのすべて</title> </head> <!--全体の背景--> <body bgcolor="#696969" text="#FFFFFF" link="#0000FF" alink="#DC143C" vlink="#8B008B"> <title>デザイン</title> <style type="text/css"> <!-- body { line-height:150%; font-size: 12px; color: #222222; margin:10px 0px; } .menu_c { font-size:12px; color:#cccccc; } .menu_c a { color:#ffffff; text-decoration: none; } .menu td { padding:2px 8px; } .side { background:#D3D3D3; margin:0px 0px 10px 0px; padding:5px 8px; border-left: #80838F 1px solid; border-right: #80838F 1px solid; border-bottom: #80838F 1px solid; } h3 { color:#ffffff; font-size:12px; margin:0px; padding:2px 12px; background:#808080; } h4 { color:#ffffff; font-size:12px; margin:0px 0px 0px 8px; padding:2px 12px; background:#808080; } .comb { margin:0px 1px 10px 8px; padding:5px 10px 5px 4px; background:#D3D3D3; } --> </style> </head> <!-- ページの全体幅テーブルタグ --> <table width="780" align="center"> <tr><td> <!--一番上のところ--> <table width="100%" > <tr> <td width="18%"><img src="logo.gif" width="132" height="40"></td> <td width="82%" align="right"><a href="index">ホーム</a> <hr noshade size=1></td></tr> </table> <br> <table width="100%" border="0" cellspacing="0" bgcolor="#DCDCDC" class="menu"> <tr><td width="72%">ああああああああああああああ</td> <td width="28%" align="right">デザイン</td></tr> </table> <table width="100%" border="0" cellspacing="0" class="menu"> <tr><td bgcolor="#808080" class="menu_c"><a href="#">ホーム</a> | <a href="#">おもなゲーム</a> | <a href="#">ソフト</a> | <a href="#">作られる過程</a> </td></tr> <tr><td><a href="#">ホーム</a> &gt; ページナビ</td></tr></table> <!--左サイドメニュー--> <table width="100%" border="0" cellpadding="0" cellspacing="0" style=" border-bottom: #B6B6B6 1px solid;"> <tr><td width="25%" height="70" valign="top" bgcolor="#696969"> <h3>おもなゲーム</h3> <div class="side"> ・<a href="page1.html#1">PS3</a><br> ・<a href="page1.html#2">PSP</a><br> ・<a href="page1.html#3">PSP go</a><br> ・<a href="page1.html#4">Xbox360</a><br> ・<a href="page1.html#5">Wii</a><br> </div> <h3>ソフト</h3> <div class="side"> <br> </div> <h3>おもなゲーム</h3> <div class="side"> ・<br> ・<br> ・<br> ・<br> </div> <h3>プログラマー</h3> <div class="side"> </div> <!--左サイドメニュー 終--> <!--右サイドメニュー 始--> <br></td> <td width="75%" valign="top"> <h4>自己紹介</h4> <div class=comb>ああああああああああああああああああああああああああああああああ<br> aaaaaaaa<br> aaaa </div> </td></tr></table> </td></tr></table> <table width="100%" > <tr><td align="center"><a href="index.html">ホーム</a> | <a href="page1.html">おもなゲーム</a> | <a href="page2.html">ソフト</a> | <a href="page3.html">作られる過程</a> | <a href="page4.html">プログラマー</a></td></tr> <tr><td align="center">Copyright &copy; Your site. All Rights Reserved. </td></tr> </table> </html>

  • インラインフレーム内へのリンク

    質問させて頂きます。 インラインフレーム内へのリンクが上手くいかなくて困っています。 name="main" でインラインフレームに名前を付け、外部からはtarget属性でtarget="main"と指定してリンクをはっているのですが、どういうわけだか新しいウインドウが開いてしまいます。 ソースをのせておきますので、どこがいけないのか御指導頂けないでしょうか。お願い致します。(暫定的にYAHOO!にリンクさせています) 以下ソース↓ <html> <head> <title>インラインフレーム</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> </head> <body bgcolor="#FFFFFF"> <table width="500" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td height="17"><a href="http://www.goo.ne.jp" target="main">YAHOO!</a></td> </tr> <tr> <td height="300"><iframe border="0" frameborder="0" marginheight="0" marginwidth="0" name="main" scrolling="yes" style="border:solid 1pt cc0000" src="http://www.yahoo.co.jp" width="500" height="300"></iframe></td> </tr> </table> </body> </html>

    • ベストアンサー
    • HTML
  • aaa!cafeにて

    リンクが表示されないのです。 <html> <body bgcolor="black" link="red" vlink="glay"> <font color="white"> <title>リンク</title> <table align="center"> コメント </table> </p> <hr> <table border="1" width="90%" align="center"> <STYLE TYPE="text/css"> <!-- td{ color: white; } --> </STYLE> <tr> <td colspan="3" align="center"><font color="yellow">コメント</font></td> </tr> <tr> <td align="center"><img src="link_banner/search_the_bass.jpg"></td><td align="center"><a href="アド">サイト</a></td> <td>コメント</td> <tr> <td align="center"><img src="link_banner/fun.gif"></td><td align="center"><a href="アド">サイト</a></td> <td></td> </tr> <tr> <td colspan="3" align="center"><font color="aqua">お役立ちサイト</font></td> </tr> <tr> <td align="center"><img src="link_banner/manbo_bass.gif"></td><td align="center"><a href="http://degu.***.org/ranking/bass/autorank/rankem.cgi?action=in&id=sunsurf" target="_new">Bass Site Ranking</a>ココが表示されません</td> <td>コメント</td> </tr> <tr> <td align="center"><img src="link_banner/nanikiru_s5.gif"></td><td><a href="http://www.***.net/">なにきる.ねっと</a></td> <td>コメント</td> </tr> </table> </body> </html> ココが表示されません、というとこなんです。<a href~がサーバにアップすると消えるんです。 悩みの種です・・・。よろしくお教えください!

  • HTMLはalign=centerは機能しないの?

    お世話になっております。 HTMLやXHTMLにお詳しい方、回答をお願いします。 まずは以下のソースの確認をお願いします。 tableの中にtableを入れて4つのセルの中にアルファベットが入っています。外枠のtableに<tr align="center"> を書いているので4つのアルファベットは中央揃えになります。 しかし、1行目を消すと、センタリングが機能しなくなってしまいます。 この原因はなぜでしょうか?原因が知りたいのです。1行目のドキュメント宣言は「このソースはXTMLですよ」ってことですよね? ってことはこの1行目を消したらXHTMLではなく、HTMLになるのですよね?ってことはHTMLはalign=centerは機能しないのでしょうか?ただ、<td>a</td>を<td align="center">a</td>として、1行目を消してもaはセンタリングされました。。。いったいどうなっているのでしょうか? どなたか詳しい方教えてください。1行目を消すとセンタリングにならないのはなぜですか?よろしくお願いします!  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <title>無題ドキュメント</title> </head> <body> <table width="200" border="1"> <tr align="center"> <td><table width="200" border="1"> <tr> <td>a</td> <td>b</td> </tr> <tr> <td>c</td> <td>d</td> </tr> </table></td> </tr> </table> </body> </html>

  • フレームで、一回しか切り替わらない

    フレームで、一回しか切り替わらない理由が分からずに困っています。 HTMLは、以下のように記述しています。 index.htmlファイルの内容: <html> <head> <title>フレームテスト</title> </head> <frameset cols="230,*"> <frame src="menu.html" name="subFrame"> <frame src="top.html" name="mainFrame"> <noframes> このページはフレーム対応のブラウザでご覧ください。 </noframes> </frameset> </html> menu.htmlの内容: <html> <HEAD> <title>掲示板</title> </HEAD> <body> <table width="100%" border="1" cellspacing="1" cellpadding="1"> <tr> <td bgcolor="#99FF99"><a href="top.html" target="mainFrame"> メイン掲示板</a></td> </tr> <tr> <td bgcolor="#CCCCCC"><a href="aaa" target="mainFrame"> aaa</a></td> </tr> <tr> <td bgcolor="#CCCCCC"><a href="bbb" target="mainFrame"> bbb</a></td> </tr> <tr> <td bgcolor="#CCCCCC"><a href="ccc" target="mainFrame"> ccc</a></td> </tr> <tr> <td bgcolor="#CCCCCC"><a href="top.html" target="mainFrame"> TOPページにもどる</a></td> </tr> </table> </body> </html>

    • ベストアンサー
    • HTML