• ベストアンサー

style=

IE6SP2、Opera7.54u2を使っているHTML初心者です style="position:absolute…属性で位置を指定したいくつかの画像をそれぞれ<a name=…>タグで括って、<a href=…>で参照すると、どの画像を括ったnameを参照しても、みんな同じ位置(親ボックスの先頭?)に跳んでしまいます どうやったら、それぞれの画像の位置に跳ぶようにできるでしょうか?

  • HTML
  • 回答数1
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

原因等詳細は不明(括ったのであって同化したのではないのは確か)なのですが、 対処方法は思いつくのでご指摘を(検証はしていませんが)。 場所の名付けとして NAME を用いていますが、 ID に変えて画像のタグ自身に指定してはいかがでしょうか? 私は見出し(H3)等に ID を使用し、そこに跳べる様にはしていますが・・・。

weiemes15
質問者

お礼

うまくいきました! 大変ありがとうございました

関連するQ&A

  • HTMLの背景画像の表示位置を変更する方法

    HTMLの背景画像の表示位置を変更する方法 質問させてください。 HTMLの背景画像ですが、スタイルシートのbackground-positionを使用すれば表示位置を変更することが可能です。 同様の機能をスタイルシートを使用せずHTMLタグのみで実現できないでしょうか? 例えば、<body background=""></body>タグにさらに何かの属性を追加する、などです。 ご存知の方がおられましたら、是非ともお教えください。

    • ベストアンサー
    • HTML
  • スタイルシートでレイアウトしたいのですが出来ません。

    <a href="○○.html" onmouseover="txt1.style.display='block'" onmouseout="txt1.style.display='none'"> ○○タイトル○○</div></a> <span id="txt1" style="display:none;position:absolute; border:3px solid #ff0000;color:#FF0099;background-color:#FFFFCC;"> ○○説明文○○</span> 上のような<txt>タグが全部で20個以上あるので (つまりtxt1~txt20まであります) CSSでレイアウトしたいのですがうまくいきません。 上のタグをCSSでどのように定義づけたら <div class>で作れるようになるか教えてください。

  • スタイルシートで位置指定したときに表示が乱れる環境

    スタイルシートで位置指定したときに、うまく表示がされない環境について教えてください。 ホームページの中で、部分的に次のような書き方をして位置指定しています。 <SPAN STYLE="position: absolute; top: 40px; left: 10px">~</SPAN> このタグを <BODY> aaaaaaa <BR><BR><BR> <SPAN STYLE="position: absolute; top: 40px; left: 10px">~</SPAN> bbbbbbbbbbbbb <BR>cccccccc </BODY> このような書き方で<BR>タグでスペースを空け、そこに位置指定がくるようにしています。 実際にはテーブルとかフォームのタグ、Javascriptも併用したページになっています。 私の環境のWin98、IE6.0では問題なく表示されているのですが、表示が崩れる環境には具体的にどんなものが有るのでしょうか。OSによる影響、ブラウザーによる影響等個別にわかればお教えください。

  • スタイルシートで位置固定すると、スタイルシートでの改ページ指定ができなくなる

    スタイルシートのpositionを使用して位置固定すると、page-break-beforでの 改ページができなくなります。 位置固定し、かつ、その文字の直前で改ページする方法はないでしょうか? ブラウザはIE5.5以降を考えてます。 ====================================================================== <html> <body> <div style="position:absolute; top:100px;"> テスト1 </div> <div style="position:absolute; top:150px; page-break-before:always;"> テスト2(この文字の直前で改ページさせたい) </div> <div style="position:absolute; top:200px;"> テスト3 </div> </body> </html> ====================================================================== 宜しくお願いします。

    • ベストアンサー
    • HTML
  • インラインフレームの位置指定

    インラインフレームをHPに作成したいのですが, 自分で検索したんですがインラインフレームの位置指定の方法がいまいち わからないので質問させて頂きます。 style="position:absolute;で指定したんですが、ブラウザのちょうど真ん中 になかなかいきません。 希望としましては、トップからは0の位置で、左右はど真ん中にしたいのですが、下記HTMLにどのようなタグを付け足せば可能でしょうか? <Iframe Src="☆.html" Width="400" Height="600" name="mintag"Scrolling="no"Frameborder="no">

  • スタイルシートからの?リンクの貼りかた

    <style type="text/css"> <!-- body {background-image:url(sora.jpg); background-repeat:no-repeat; background-position: right bottom; background-attachment:fixed;} --> </style> ↑このようなスタイルシートがあります。 sora.jpgという画像を固定して表示しています。 この空の画像から他のページにリンクを貼るにはどのような タグを書けばいいのでしょうか? スタイルシートの中に<a href="">とかけばいいのでしょうか? スタイルシート初心者で何も分からないので分かりやすく教えてください。

  • 別ページの指定先へのリンクができません

    初めて質問させていただきます。 Yahoo!ジオシティーズでHPを作成しています。 リンク指定で、別のページの指定の位置(画像)に行くようにしたいのですが、   <a name="○○"><画像></a> と、   <a href="●●.html#○○">~~</a> のタグを使っても画像の位置からではなく、一番上からになります。   <a href="http://△△/●●.html#○○">~~</a>としてもできません。 過去の質問や本、HTML講座など調べてみたのですが、何故だか上手くいきません(T▽T;ゥゥゥ‥ 上手く説明できずに申し訳ありませんが、よろしくお願いします。

  • HP作成/広告表示について

    忍者ツールでHP作成中です。 規定の広告の表示位置がうまく一番下に表示されないので 質問させてもらいます。 http://www.shinobi.jp/faq/category.html?category_id=3#95 ↑ではHTMLに誤り等があると書いてありますが、超がつくほどの素人のため なかなか解消できずにいます。 どなたかアドバイスよろしくお願いします。 製作中ソースは下記です。 <html> <head> <body> <body bgcolor="#ffffff"> <p> <div align="center"> next <br><br><br><A Href="http://★" Target="_blank"> 12/2 イベント</a><br><br><br><br> 11/13 更新<br><br> 11/14 更新予定 <img src="☆.jpg" border="0" style="position:absolute;top:320px;left:460px;"> <img src="★.jpg" border="0" style="position:absolute;top:320px;left:460px;"> </A Href></font></style> </A></style></div></body> </HTML> </head> <title>メイン</title> 不要タグなど他のご指摘は今回スルーさせて頂きます。 広告表示位置がなぜか『11/14 更新予定』の真下に表示されてしまいます。

    • ベストアンサー
    • HTML
  • スタイルシート【複数の画像の配置について】

    初めまして、質問させていただきます! 今、サイトを構築中なのですが、そこで困ったことがおきました。 <link rel="stylesheet" type="text/css" href="./default.css" media="all" /> <style type="text/css"> <!-- Body{ margin:0 margin:0;} --> IMG.a{ position: relative; left:60px; top:60px;z-index:1;} IMG.b{ position: relative; left:100px; top:20px;z-index:0;} </style> </head> <Body Style="margin:0 margin:0;"> <img class="a" src="**" alt="**" width=197 height=143> <img class="b" src="**" alt="**" width=78 height=59> このように、スタイルシートで画像の位置を指定しているのですが、 画像を増やしていくと、下(または上)に余白が出来き、どんどんスクロールが出来るようになってしまい、うまく画像を配置できなくなってしまいます。 ちなみに画像はFireworksで作ったものを書き出したものです。 他にタグを打ち込むなどで、解消できるのでしょうか? 構築は初めてで、タグの知識もほとんどありません。 どうか、よろしくお願いいたします。

  • スタイルシートでスクロールは可能ですか?

    以下のように、フッターを下部に固定し上部をスクロールするようにしました。スクロールバーは出て(IE6.0)フッターとの重なりは阻止されますが、スクロールバーの操作はできません。 <scroll=内容を切り抜く>ということから当然のことなのでしょうか? <!DOCUTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <HTML> <HEAD>   <TITLE>Test</TITLE>   <STYLE type="text/css">   #left {    position:absolute;    top: 130px;    left: 100px;    width: 300px; overflow: scroll;   }   #main {    position:absolute;    top: 130px;    left: 400px;   }   #right {    position:absolute;    top: 130px;    left: 700px;   }   #footer {    position:absolute;    bottom: 0px;    left: 100px;   }   </STYLE> </HEAD> <BODY> <div id="left">  left<br/> <br/>  left<br/> </div> <div id="main">  main </div> <div id="right">  right </div> <div id="footer">  footer </div> </BODY> </HTML>

専門家に質問してみよう