HPB11リンクメニューの設定について

前へ 次へ
このQ&Aのポイント
  • HPB11の標準モードでテンプレートを使用してお店のHPを作成しました。リンクメニューを表示するためにA:linkや:visited、A:hoverのパディングを設定しましたが、意図しない箇所にも適用されてしまいました。
  • そこでA:linkやA:visited、A:hoverの設定をやめ、リンクメニュー部分のパティングを設定したところ、意図した表示になりましたが、サーバーにUPして表示した時にテキストが左寄りに表示される現象が起きました。
  • この現象は特定のPCで初回表示時にのみ起こり、原因と対処方法がわかりません。何かリンクの設定がおかしいのか、どこを直せばいいのか教えてください。
回答を見る
  • ベストアンサー

ＨＰＢ１１　リンクメニューの設定について

ＨＰＢ１１の標準モードでテンプレートを使用してお店のＨＰを作成しました。ページの左側にリンクメニューを表示しています。テキストをリンクメニューエリア内に格好よく表示しようと、A:linkや:visited、A:hoverのパディングを設定したのですが、そうしたら意図しているリンクメニュー部分以外の部分（ページ内でメールアドレスにリンクを貼ってある場所など）にもそれが適用されてしまったため、A:linkやA:visited、A:hoverで設定をやめ、.hpb-vmenu1-link0:link～.hpb-vmenu1-link0:hover（リストBOX表示順）のパティングを設定したところ、リンクメニューもその他のリンク貼ってある部分もそれぞれ意図した表示になりました。が、HPをサーバーにUPして表示してみたところ、センター表示になるように設定したはずのリンクメニューのテキスト（”TOPページへ”等）が左寄りに表示され、クリックしたらセンターに表示されました。１度この現象が起きただけでそれ以降は同じPCでは２度と起きないのですが、別のPCで表示すると１回目だけ同じ現象が起きてます。今まで３台のPCで試してみましたが、現象は必ず１台のPCに１回＆初回表示時だけです。何かリンクの設定がおかしいのだとは思いますが、何が原因でどこをどのように直したらいいのかわからなく困っています。色々調べてみたのですが、全然わかりません。 分かり辛い質問で申し訳ありませんが、対処方法を教えて下さい。

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

  • ベストアンサー
  • KDASH-XP
  • ベストアンサー率46% (63/136)
回答No.1

1回クリックしたら...ということは、恐らく visited 以外の多分 link のスタイルシートの設定が間違っているのでは？と思います。 link = 通常のリンク visited = 履歴済みのURLリンク 同じPCでもブラウザの履歴を削除して、同じ現象が起こるようであれば恐らくlinkに記述しているスタイルシートが間違っているのかな？と。 HPBなどのツールを使われている方でも、HTMLやCSSを知っていると(熟知されていたら失礼いたしました)使い勝手も変わってくると思いますので、私がよく普段使うサイトを紹介しますので、参考までにどうぞ。 http://www.tohoho-web.com/css/reference.htm#PseudoClass

manaman
質問者

お礼

KDASH-XP様 親切な回答ありがとうございます。 教えて頂いた方法を試したところ同じ現象となりましたので、linkの設定を修正したら、現象が起きなくなりました。 ＣＳＳは色々なサイトを探して勉強中です。教えて頂いたサイトはとても参考になりました。これからも使わせて頂こうと思います。 分かり辛い質問にも関わらず適切な回答をして頂き、感謝です。 本当にありがとうございました。

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

  • Dreamweaverで2種類のlink設定（色など）をする方法を教えて下さい

    Dreamweaver MX 2004を使ってますが、 例えば、同じページで、a:link a:visited a:hoverなどをCSSで設定する場合、 その色・設定項目は、一種類しか設定できません。 この、a:link a:visited a:hoverなどを、もう一種類（例えば別の色とか） 違う設定をする方法が分かりません。 とても簡単な様で、なぜか昔から分かりません。（汗） CSSを使っても使わなくても良いのですが、 どなたか、a:link a:visited a:hoverを複数設定をする方法などあれば、 お教えくださいませ。よろしくお願い致します。

  • スタイルシートで複数のlinkパラメーター設定はできますか

    スタイルシートの「メニュー」の複数例を教材として表示したいのですが、 a.linkやa.visited、a.hover等のリンク設定を 同じページ内で異なるパラメーターの設定ができるのでしょうか。

    • ベストアンサー
    • HTML
  • HPBで別ページのラベルへのリンクがうまく設定できません。

    HPBで別ページのラベルへのリンクがうまく設定できません。 同じページ内でのラベルへのリンクはうまく動作するのですが、別のページからのリンクはページの先頭になってしまいます。 以前はHPB6.5を使って作り、IE6.0で見ていました。 この時はラベル名が全角文字でもちゃんと動いていたのですが、 HPB14で作成し、IE8で見るようになってからきちんとリンクできません。 これも関係あるのでしょうか？ 現在はラベルは半角英数でつけています。 どのような部分を修正したらきちんと動作するのでしょうか。 よろしくお願いいたします。

  • 記事中のリンクだけ、色を変えたい。

    テンプレート　letsfc2blog4　を使っています。 スタイルシートの編集で、教えて頂いて下のように追記しています。 /** 記事の中のリンクを常に下線表示 */ .entry_body a , .entry_body a:link , .entry_body a:visited , .entry_body a:hover { text-decoration: underline; } /* 続き部分の記事のリンクを常に下線表示 */ #more a , #more a:link , #more a:visited , #more a:hover { text-decoration: underline; } この記事の中のリンクと、続き部分の中のリンクだけ青色にしたいんですけど、できますでしょうか？ 宜しくお願いします。

  • CSSによるリンク設定

    いつもお世話になっております。こんばんは。 テキストに対してCSSリンクの設定を行う場合、a;link または a;visited で未訪問及び訪問済みの色の設定が可能ですが、 ページ内のすべてのテキストリンクに対して、同じ色が適応されてしまいます。各テキスト単位でリンクの色を設定するには、どのようにしたらいいでしょうか。わかる方がいらっしゃったら御教授ください。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • HPBでホバーをかけるには？

    HPBでホバーをかけるには？ リンク文字をポイントすると、赤に変色するようにするには、GUIでは、どのようにしたらいいのでしょうか？タグではわかるのですが、HPBに乗り換えたばかりですので、ボタン操作でのやり方がわかりません。 よろしくおねがいします。 A:hover { font-weight : bold; color : #f00ca0;}

    • ベストアンサー
    • HTML
  • リンク色の取得方法

    ページ全体のリンク色を取得するためには、documentオブジェクトの、linkColor,linkColor,vlinkColorプロパティを参照すれば良いですが、cssを使って部分的にリンク色が設定されている場合の取得方法がわかりません。 このように部分的に適用されているオブジェクトのリンク色（a:link、a:visited、a:hover、a:active）を取得する方法を教えていただきたいと思います。

  • リンクカラーが変わりません。

    外部CSSでリンクカラー設定したいのですがうまくできません。 最初からvisited設定カラーとなり、visitedはactive設定カラーで表示されてしまいます。（link設定カラーが適用されません。） 前回同じような質問をさせていただき、解決したと思ったのですが、作り直しているうちにまた解らなくなってしまいました。ページ自体は問題なくジャンプするのですが、どこが間違っているのでしょうか？ よろしくご指導お願い致します。 　[site] ├[contents] 　 │　 └ [index] 　 │　　 └ index.html │　　　　　 　 └[styles-site.css] 　　　　 └ navi.css index.html <html> <head>　 　　 　<link href="../../styles-site.css/navi.css" rel="stylesheet" type="text/css"> </head> <body> <div class="navi"> <div><a href="index.html">top</a></div> </div> </body> </html> .navi.css　　 　<style type="text/css"> <!-- .navi div { float:left; width:45px; text-align:center; } a:link { color:#ff9933 } a:visited { color:#cccccc } a:active { color:#0000f5 } a:hover { color:#009700 } -->　 　　 　

  • ＨＰＢでポップアップメニューを作りたい

    こんにちは。 ホームページビルダーv１０を使ってホームページを作っています。 横並びのナビゲーションバーから 各ページにリンクを貼っているのですが そこに、マウスを持っていくと表のようなものがペロンと出て そこからより多くのページへとべるようにしたいのです。 （ポップアップメニューというのでしょうか？） 自分でも調べましたが ＨＰＢに関する回答が得られません。 分かる方いましたら、どうぞ教えて下さい。

  • cssで複数のリンクテキストをデザインしたい

    htmlページ中のテキストを全体的にはグレーの9pxで表現し、最下部にグリーンで各項目へのリンクナビゲーションをつけたく、外部cssを参照させています。しかしページ中にはテキストにリンクをはった部分がたくさんあり、複数のスタイルを各箇所にあわせて使い分けたいのです。ところが、グレーの9px指定のところはすべて10pixになってしまい、最下部のグリーンのところもリンクをはった部分がグレーの10pixになってしまいます。つまり、リンクをはったテキストはすべてグレーの10pxの指定をしたスタイルの影響を受けてしまっているのです。どうしたら解決できるでしょうか。ちなみに、それぞれのスタイルにはlink,visited,hover,activeについて設定がしてあります。

    • ベストアンサー
    • CSS

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する