• 締切済み

cssを使ったときのHTMLの<a name>について

<a name>について教えていただきたいと思います。 まず現状ですが、 ●(仮)サービスページ(service.html) 1○○サービス 2□□サービス 3△△サービス その他いろいろな画像、文章があります。 CSSでレイアウトなど構成しています。 ●(仮)料金ページ(price.html) ○○サービスの料金 □□サービスの料金 △△サービスの料金 その他いろいろな画像、文章があります。 CSSでレイアウトなど構成しています。 そこで、サービスページの2□□サービスをクリックしたときに、料金ページの□□サービスの料金へリンクをしました。 <設定内容> ●(仮)サービスページ(service.html) <a href="price.html#service2">2□□サービス</a> ●(仮)料金ページ(price.html) <a name="service2" id="service2">□□サービスの料金</a> このように設定すると、正しくページの移動は出来るのですが、表示される内容が (仮)料金ページ(price.html) □□サービスの料金 △△サービスの料金 □□サービスの料金以前の画像や文章などが出てこなくなります。 どのようなことが考えられるでしょうか? 分かる方がいらしたら、ご教授よろしくお願いします。 使用環境 Mac Firefox3.5.2/Safari4.0.2 XP IE6 Vista IE7

  • i_tes
  • お礼率35% (15/42)

みんなの回答

noname#100277
noname#100277
回答No.1

表示させない挙動確認したブラウザはドレ? price.htmlからCSSを除外して正常な表示に成るなら、price.htmlに適応してるCSSの問題。 又はHTML自体に問題が在る。 HTMLの問題なら「http://openlab.ring.gr.jp/k16/htmllint/htmllint.html」でソースの検証の必要が出ます。 CSSチェッカは余り期待しない事。 しても極論としては無意味。

i_tes
質問者

補足

表示されない挙動を確認したのは上記に記述したすべてのブラウザです。 CSSを外したら、レイアウトはバラバラになりますが、動きはちゃんとなりました。 CSSを確認して見ます。

関連するQ&A

  • a name

    初めまして。 HTML4.01 Transitionalで記述してます。 <a name="***.html#001">という形で別ページへのリンクを設定しましたが、うまく飛ぶんですけども、この形で飛んだ後タイトルバーに「タイトル#001#001#001」という表示が出ます。(IE6で確認) このリンクで飛ばさず、そのページ自体を表示するだけだと、タイトルは正常です。 これはHTML自体のバグのようなものなのでしょうか? タグを見直してみましたが、私の方でもおかしいところは特に見当たりませんでした・・ よろしくお願いします。

    • ベストアンサー
    • HTML
  • ブログ・HTML/CSSについて

    ざっくりとしたタイトルですみません。 作りたいブログがあり、レイアウトを考えていた際に疑問に思ったので質問させていただきます。 ブログのトップページに、最新記事一覧を掲載したいと考えています。 イメージとしては、記事の画像とタイトル(リンク付き)を1セットとして、横に3つずつ配置したいです。 このような場合、HTML/CSSで書いていく方法もあると思うのですが、 そもそも、ブログエンジン(はてなブログ、wordpressなど)では最新記事を書いたら自動的にトップページに最新記事が追加される作りになっているのでしょうか。もしそういうサービスを提供しているブログエンジンがあれば教えてください。 HTML/CSSを勉強し始めたばかりのため、上級者の方にとって当たり前のことを質問しているかもしれませんが、よろしくお願いします。

  • HTML+フレーム構成のページを、HTML+CSSで書き換えるには?

    HTML+フレーム構成のページを、HTML+CSSで書き換えるには? コンテンツはそのままに、HTML+フレーム構成のページを、HTML+CSSで書き換えることになりました。 ヘッダー、フッター、上部に画像ロゴ、左にメニューを配置したいと思ってます。 メインコンテンツ部分以外はSSIでインクルードしたいと思っています。 案外簡単だと思ったのですが・・・すぐ配置が崩れて悩んでます。 さらに、CromeとIEで確認をするたびに配置が違ってしまいます。 merginとpadsdingを0にしてから始めるらしいことまでは調べたのですが、 そうするととても配置が変で面倒になります。 現在はFFFTPと秀丸とブラウザで作業してます。 ほかに、PhotoShop6とホームページビルダー14とMicrosoftExpressionweb3は手元にライセンスがあります。 HTMLは分かりますが、CSSは初めてです。多少がんばれば、javaScriptも使えるかもしれません。 お薦めの本や、作り方、フリーウェアなどありましたらご指導ください。よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • a nameでのファイヤーフォックスでのエラー

    すみません、質問させてください。 IEでは問題ないのですが、ページ内リンクを貼った際、 ファイヤーフォックスではリンク元にカーソルを合わせると 貼った箇所にリンクバー(下線)が出てしまいます。 CSSで .style: text-decoration:none; としてそのクラスをa nameに読み込ませても出てしまいます。 例;<a name="005" class="style">あいうえお</a> ※この あいうえおの部分にファイヤーフォックスでカーソルを合わせるとリンクの下線が表示されてしまう。 どなたか回避方法をご存知ないでしょうか?

  • HTML5をCSSでレイアウトする場合

    section  articleといった新しい要素をCSSのfloat等でレイアウトするのは間違いなのでしょうか? いろいろと調べてみましたが、sectionを使ったレイアウトは駄目で、divでレイアウトするとか… また、article aside nav 等をCSSでカラムレイアウト解説をしているサイトもありました… また、Q&Aサイトで <div id="article_1"> <article> …………… </article> </div> のようなsampleで、わざわざ無駄なことをせずにhtml5の新しい要素でレイアウトしましょう…? <article id="article_1"> …………… </article> と言うような回答もありましたが… 確かに、HTML5でWEBページ作成をするのに、レイアウトは<div>でネストするのは意味がないように思いますが… よりよい方法を教えてください。m(_ _)m

    • ベストアンサー
    • HTML
  • a name(id)1回目で飛べない

    HTMLでのホームページ作成についてです。 (カテゴリー違いでこちらに移させていただきました。) 画像ファイルを40枚(01.gif~40.gif)貼り付けたページ「200800.html」を作りました。 画像ファイルの大きさは全て10kb程度です ページの途中の特定の場所にジャンプさせるため、アンカーを埋め込みました。 (アンカーは「name」と「id」を併用しています) <html><body> <img name="01" id="01" src="01.gif"><br> <img name="02" id="02" src="02.gif"><br> … <img name="39" id="39" src="39.gif"><br> <img name="40" id="40" src="40.gif"><br> </body></html> 「200800.html」へのリンクを貼ったページ「index.html」を作りました。 20番の画像へジャンプするように設定しました。 <html><body> <a href="image/200800.html#20">20番の画像</a> </body></html> ところがなぜか1回目のクリックでは20番の画像には飛びません。 (別の画像の中途半端な位置とか、その時によって違います。) 2回目以降はちゃんと飛びます。 どうやらブラウザが「200800.html」を全て読み込むまえに表示してしまうためおかしなところが表示されるようです。 2回目以降は1度読み込んでいるためちゃんと飛ぶようです。 win(IE6)でもmac(safari)でも同様です。 どうか良い解決策をお教えください。よろしくお願いします。

    • ベストアンサー
    • HTML
  • BODY内にCSS「a:hover」を使いたい

    「HEAD内の書き換えは不可」 「スクリプト(JavaScriptなど)言語使用不可」 という条件がある中で、 オンマウスした時にフォント色と画像の変化をしたいのです。 BODYタグ内で、スタイルシートの「a:hover」を設定する方法、 その他でも可能になる方法があれば教えてください。 また、<style type="text/css">宣言はHEAD内にということですが、 無理やりBODY内に<style type="text/css">宣言した場合 どのような現象が起きるのでしょうか? (実際にIE6でこの方法をやってみましたが、レイアウトのくずれやおかしな挙動はありませんでした) よろしくお願いします。

    • ベストアンサー
    • HTML
  • dreamweaverでCSSのレイアウトが勝手に崩れる・・・

    はじめまして。 実はdreamweaverでCSSスタイルでHPを作成しています。 なんとかレイアウトを整い、画像をはめ込んでいったのですが、ふとした瞬間にレイアウトが一気に崩れてしまいました。 もちろんCSSはいじっていません。それを証拠にindexとほかのページをテーブルにしてわけているんですが、インデックスだけ崩れています。 心当たりといえば、作業のウインドウのサイズをさわってしまったぐらいです・・・ 元に戻してもレイアウトは崩れたままです・・・ どうすれば元に戻るのでしょうか? ちなみにIEでチェックしてもレイアウトに問題はなかったのですが、どうも作業がやりづらいです。

  • HTML CSS 編集 助けてください。・

    すみません、どうしても分かりません。 忙しいけど見てあげてもいいよって方、よろしくお願いします。 問題が発生しているのは、FC2カート(http://cart.fc2.com/)です。 ショップをつくったのですが、巧く表示されません。 問題は2点です。 FC2カート(無料)を登録し、ここで、デザイン設定→デザイン表示の設定→PC用テンプレートの設定→公式テンプレートの追加→basic_whiteを選び、編集へ 何か適当に画像を商品として入れてカートをプレビューすれば全商品リスト・カタログ(商品詳細ページでない)の画像が映るんですが、まずここで、一番目の問題、このリストに並ぶ商品画像が、小さくて困っています。 この画像を、画像下に出る値段の文末の部分と揃えるようにサイズを調整するにはどうしたらいいでしょうか? 編集ページからCSSが開示できますが、探ってみましたが全く見つかりません。 2番目も同じような問題です。 全商品リスト・カタログの各商品のレイアウトが定まらず、文字数や画像の大きさで勝手に変わるため、一行がきっちり並びそろいません。 たての長さを均一にするにはどこをいじったらいいでしょうか。 以上、面倒だったり分かりにくい説明だったりしますが、どうかお願いします。_(><)_

    • ベストアンサー
    • CSS
  • macで見たCSSで作られたページについて

    今までテーブルレイアウトをしてきましたが、 CSSレイアウトに移行しつつあります。 WIN XPで作成しているのですが,MACのIEで見るとレイアウトが崩れます。WINのIEではエラーはないんです。 MACの方だとスペースや余白などが失われてレイアウトが崩れているようです。 また、ココログのブログなどもずれたりしてレイアウトが崩れます。 様々なブラウザに対応するCSSを使うにはどうしたらいいでしょうか。 わたしは、「”CSSレイアウ践講座” CSSレイアウトでSEOに強く、ソースも軽く、表示も速いホームページを作ろう」というページや「スタイルシートによるレイアウトデザイン見本帖」という本などを参考にしてやっています。