ホームページ作成初心者です。
ちなみに「ホームページビルダー」を使用しています。

リンクテキストにマウスをポイントすると、ポイントしている間だけ赤く表示され、
さらにクリック後は紫色に表示されるホームページがよくあります。
パスワード付きリンクについて、それと同じ設定になるようにしたいのですが、
どうしてもうまくいきません。

調べてみたところ「ホーバーをかける」ということのようで、
「表示」 → 「スタイルシートマネージャー」 → 「追加」
→ 「HTMLタグの候補」 → 「マウスが上にあるリンク」 → 「色と背景」
→ 「前景色」 → 「赤」 → OK
のように操作しました。

HTMLソースの<HEAD>と</HEAD>の間には
<STYLE type="text/css">
<!--
A:HOVER{
color : red;
}
-->
</STYLE>
と表示されています。

ところが、実際のホームページを開くと、ポイントしても文字が赤くならず、
クリックするとパスワードを要求する画面が出ます。

さらに、パスワード付きリンクでなければポイントの際に赤く表示されるのかと思い、
パスワードなしのリンクに変更した後、実際のホームページを開くと、ポイント
しても文字の色は多少変わるものの、赤ではありません。

対策をご教示いただければ幸いです。

このQ&Aに関連する最新のQ&A

A 回答 (4件)

htmlの記述のほうに問題があるかと思います。

hrefがないですね。
※タグの大文字・小文字は無視してください。小文字のほうが良いですが…

<a href="#" class="hpb-vmenu1-link1" onclick="return _HpbPwdWnd(パスワードの設定);">
もしくは
<a href="javascript:return _HpbPwdWnd(パスワードの設定);" class="hpb-vmenu1-link1">
にすると解決するかと思います。

補足として
a:link {
color:red; /*未訪問のリンク色*/
}
a:visited {
color:purple; /*訪問済みのリンク色*/
}
a:hover {
color:green; /*カーソルオン時*/
}
a:active {
color:blue; /*リンクをクリックしている状態*/
}

で設定できます。


>ポイントしても文字の色は多少変わるものの、赤ではありません。
※色の指定はいろいろと優先順位があるので、これより優先させてしまっている設定がある場合は色は変わりません。
(もしかしたらそっちが原因かもしれません)

この回答への補足

わかりやすいご回答、何度もありがとうございます。

href="#"
の部分を挿入してみたら、パスワード付きリンクのほうもポイントした場合、
色が変わるようになりました(但し、赤ではありません)。

必要最小限のものだけを残して「赤くなる」「赤くならない」の比較ができるように
してみました。初心者のため、非常に時間がかかってしまい、補足が遅くなってしまいました。


<!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-Style-Type" content="text/css">
<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 9.0.0.0 for Windows">
<TITLE></TITLE>
<LINK rel="stylesheet" href="hpb9tm06_3.css" type="text/css" id="hpb9tm06_3">
<STYLE type="text/css">
<!--
A:HOVER{
color : red; /*カーソルオン時*/
}
-->
</STYLE>
<SCRIPT language="JavaScript" charset="Shift_JIS" src="CheckPassword80.js"></SCRIPT></HEAD>
<BODY> <A href="index.html" class="hpb-hmenu1-link1"><FONT size="3">赤くなる</FONT></A>
<TABLE>
<TR>
<TD </TD valign="top" rowspan="2">
<A href="#" class="hpb-vmenu1-link1" onclick="return _HpbPwdWnd(パスワードの設定);">
<FONT size="3">赤くならない</FONT></A>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>


これでわかりますでしょうか?
この中の
<LINK rel="stylesheet" href="hpb9tm06_3.css" type="text/css" id="hpb9tm06_3">
の部分を削除すると、どちらも赤くなります。

この部分が影響していると考えるべきでしょうか?
ホームページ作成の際、この部分を削除してしまうと何か問題があるような気もしますが・・・

補足日時:2009/05/22 20:32
    • good
    • 0
この回答へのお礼

いろいろ試してみて、だんだんとわかってきました。

ホームページビルダーの中に「デザインテンプレート」があり、これまで「スタイリッシュ・エフェクトのテーマから選ぶ」を選択していたので、上部や左側などに枠組付きのリンクを置く場所が確保され、ページ全体を薄緑色系統の色で統一、黄色系統の色で統一、等が簡単に自動的に設定できるようになっていました。
但し、これはホームページ作成において細かい部分でいろいろな制約があることがわかりました。

「href="hpb9tm06_3.css"」の部分は上記の設定に関係しているようで、これを削除すると背景の色が全て消え、文字色も変わった状態になりました。

「スタイリッシュ・エフェクトのテーマから選ぶ」ではなく「色や壁紙から選ぶ」を選択すると、上部や左側などに枠組なしのリンクを置く場所が確保され、背景色、その背景色に応じた「未訪問のリンク色」「訪問済みのリンク色」「カーソルオン時」「リンクをクリックしている状態」のおすすめの文字色が表示され、好みに応じて文字色の設定も可能になりました。

後者の方法で背景色と「カーソルオン時」等の文字色を設定し、あとから上部や左側などにあるテキストリンクを枠組付きのものに変更すれば希望通りのホームページを作成できそうです。

親身のご回答ありがとうございました。

お礼日時:2009/05/25 11:36

>この中の


><LINK rel="stylesheet" href="hpb9tm06_3.css" type="text/css" >id="hpb9tm06_3">
>の部分を削除すると、どちらも赤くなります。

ということは、
明らかにhpb9tm06_3.cssが原因ですね。
ここに、今までの設定より優勢な設定がされているかと思います。

CSSで指定するのに、同じ設定でもどれを優先させて読み込ませるのか色々とあります
(難しい話になるのえ省略します)
hpb9tm06_3.cssにa:hover{color:#ff0000;}の一行を追加でもおそらく直らないでしょう。

hpb9tm06_3.cssの中がどうなっているのか不明ですが…

●色が変わるようになりました(但し、赤ではありません)。とありますが、何色になるのですか?
●hpb9tm06_3.cssの中で、a:hoverがついている部分はありますか?あれば削除してみましょう。
●hpb9tm06_3.cssの中で、a.hpb-vmenu1-link1:hover…というものがありますか?あれば削除してみましょう。
またはhtmlのほうで、class="hpb-vmenu1-link1"を削除してみましょう。

class="hpb-vmenu1-link1"がなんとなく原因のような気がします。
class="~"とは、どこを指定するのかの目印の旗のようなものです。
hpb-vmenu1-link1というところを●●する、という設定があるなら、そちらが優先されています。

この回答への補足

親身のご回答、何度もありがとうございました!

補足日時:2009/05/25 12:35
    • good
    • 0
この回答へのお礼

> 色が変わるようになりました(但し、赤ではありません)。とありますが、何色になるのですか?

ページ全体が薄茶色系統、リンクテキストの平常時文字色(指定なし)は紫と灰色の中間ぐらい、リンクテキストのポイント時文字色はオレンジ色、といった感じです。

> class="hpb-vmenu1-link1"を削除してみましょう。

ポイントした際に赤くなるようにはなりましたが、平常時の文字の色が変わってしまい、フォントサイズも大きくなってしまいました・・・

いろいろ試してみて、だんだんとわかってきました。

ホームページビルダーの中に「デザインテンプレート」があり、これまで「スタイリッシュ・エフェクトのテーマから選ぶ」を選択していたので、上部や左側などに枠組付きのリンクを置く場所が確保され、ページ全体を薄緑色系統の色で統一、黄色系統の色で統一、等が簡単に自動的に設定できるようになっていました。
但し、これはホームページ作成において細かい部分でいろいろな制約があることがわかりました。

「スタイリッシュ・エフェクトのテーマから選ぶ」ではなく「色や壁紙から選ぶ」を選択すると、上部や左側などに枠組なしのリンクを置く場所が確保され、背景色、その背景色に応じた「未訪問のリンク色」「訪問済みのリンク色」「カーソルオン時」「リンクをクリックしている状態」のおすすめの文字色が表示され、好みに応じて文字色の設定も可能になりました。

後者の方法で背景色と「カーソルオン時」等の文字色を設定し、あとから上部や左側などにあるテキストリンクを枠組付きのものに変更すれば希望通りのホームページを作成できそうです。

ご回答ありがとうございました。

お礼日時:2009/05/25 12:30

hpb9tm06_3.css


の中身は?
削除しても不都合が無いのなら削除ですね。
削除したら駄目な場合はhpb9tm06_3.cssにa:hover{color:#ff0000;}の一行を追加ではどうですか?
    • good
    • 0
この回答へのお礼

ご回答ありがとうございました。

お礼日時:2009/05/25 12:30

A:HOVER{


color : red;
}

これを約すると、「リンク部分にマウスカーソルをのせると、文字を赤くします」となります。

>ポイントしても文字が赤くならず、

他の部分がどう影響しているのか不明なのでなんともいえません。
これだけをみると赤くなるはずです。

>クリックするとパスワードを要求する画面が出ます。

これは状況が分からなさすぎなのでなんともいえません。

ちなみに、「パスワード付きリンク」はまったく関係ありません。
<a href="リンク先アドレス等">テキストリンク</a>
のように、aタグでくくられていればすべて対象となります。

単純に考えると

a{
color:blue;←リンク部分は文字を青にします
}
a:hover{
color:red;←リンク部分にカーソルをのせると文字を赤にします
}

となります。

●aタグでリンクはくくられていますか?
●そのリンクテキストのソースはどうなっていますか?
●そのほかリンクの色を設定していませんか?

この回答への補足

ご回答ありがとうございます。

<BR>
<FONT color="#7d5802" size="3">
<A class="hpb-vmenu1-link1" onclick="return _HpbPwdWnd(パスワードの設定);">
<U>表示させる文字列</U></A></FONT><BR>

という感じですが、これでわかっていただけますか?

補足日時:2009/05/22 16:17
    • good
    • 0
この回答へのお礼

ご回答ありがとうございます。

>クリックするとパスワードを要求する画面が出ます。

の部分は、「最初からそのように設定しているので、この部分だけは設定した
通りに動きます」ということを言いたかったために、念のため書いただけです。

まぎらわしくて申し訳ありません。

お礼日時:2009/05/22 16:35

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q携帯専用ホームページの作り方

携帯専用ホームページの作り方をご存知の方は教えてください。
無料レンタルホームページ(ポケスペ・魔法のiらんどなど)ではなく、全て自分で作る携帯専用ホームページの作り方を教えてください。あと、その場合費用はかかるのでしょうか?
よろしくお願い致します。

Aベストアンサー

PC向けサイトをHTMLタグで記述して、制作することができますか?
でしたら、その知識を利用して、iモード向けのサイトを作成すれば良いと思います。
個人で手打ち制作でキャリア別振り分けは、作る時は良くても(結構手間がかかりますが)更新が面倒になります。
個人運営の携帯サイトなら、プロバイダまたはレンタルサーバーなどでCGIが使えない場合は、掲示板などはレンタルで十分だと思います。
レンタルサーバーを借りるなら、そのレンタル料が費用としてかかります。
無料スペースの場合は、広告表示の問題があるため、携帯電話に対応しているか、どういう条件になっているかなどを確認してください。
(iswebなどではiフォルダなどにアップロードする等)

最近の携帯電話はともかく、旧来のものでは、表示できるページのサイズに制限があります。
サイトを制作する前に、ターゲット(利用者の年齢や利用携帯機種など)をきちんと設定した方が良いと思います。
携帯電話の機種によって、使えるタグや画像ファイルなどが異なってきます。
PCに比べて動向など変化しやすいせいもあると思いますが、携帯向けサイトのハウツー本はあるようでありません。
以前買ったことがありますが、あっという間に時代遅れになった上、大雑把な考え方は参考になりそうですが、技術やTIPSとしてはあまり参考になりません。
携帯向けのCGIを無料配布しているサイトがいくつかありますが、PC向けのCGIを設置したことのない又は不慣れな場合は、カウンタ・掲示板などの利用はレンタルをおすすめします。
なお、これらは個人運営のサイトのつもりで、書いています。

「しらぎくさいと>携帯電話向けコンテンツの書き方」
http://www.marguerite-site.com/Nihongo/HowToMakeYourWeb/Mobile/index.html

サイト制作に慣れた人ならば、また別のサービスをおすすめしますが、無料で、自作CGIなどの設置をしない場合には「FC2WEB」などが良いかもしれません。

[FC2WEB無料ホームページ]
http://www.fc2web.com/
[FC2無料ケータイHP]
http://k.fc2.com/

参考URL:http://www.nttdocomo.co.jp/p_s/imode/make/index.html

PC向けサイトをHTMLタグで記述して、制作することができますか?
でしたら、その知識を利用して、iモード向けのサイトを作成すれば良いと思います。
個人で手打ち制作でキャリア別振り分けは、作る時は良くても(結構手間がかかりますが)更新が面倒になります。
個人運営の携帯サイトなら、プロバイダまたはレンタルサーバーなどでCGIが使えない場合は、掲示板などはレンタルで十分だと思います。
レンタルサーバーを借りるなら、そのレンタル料が費用としてかかります。
無料スペースの場合は、広告表示の...続きを読む

QCD→カーナビSD→PC 転送の仕方><;

CDをカーナビでSDにダウンロードし、
PCへの取り込み方が分かりません!!

PCからSDを開くと、
【HDA】というファイルフォルダが出てきます。

それを開くと、
【ED9E0EDA.014】等と書かれたファイルが幾つか出てきます。

その中に、【0000001.HDA】~【00000014.HDA】
と書かれたファイルがあります。

アルバム内に14曲入ってるという
意味なのかな?と思ったりするのですがよく分かりません。

他にも【HDA】というファイル内に
【MUSIC1】と書かれたDATファイルがあります。

この【MUSIC1】と書かれたファイルに
曲が入っているのかと思い、
右クリックをし、【既定のプログラムから開く】を選択し
パソコン内のソフトで試してみましたが、
どれも開けませんでした。

パソコンに取り込んだ後に、
SonicStageでウォークマンに移動して聴きたいなぁと
思っています!!

もう一度CDをレンタルしてPCに取り込む事が
賢明そうですが、どうにかそれ以外の方法がありましたら
是非教えて頂けたら嬉しいです;;

分かりにくい説明ですみません。

初めての質問です。宜しくお願いします!!

CDをカーナビでSDにダウンロードし、
PCへの取り込み方が分かりません!!

PCからSDを開くと、
【HDA】というファイルフォルダが出てきます。

それを開くと、
【ED9E0EDA.014】等と書かれたファイルが幾つか出てきます。

その中に、【0000001.HDA】~【00000014.HDA】
と書かれたファイルがあります。

アルバム内に14曲入ってるという
意味なのかな?と思ったりするのですがよく分かりません。

他にも【HDA】というファイル内に
【MUSIC1】と書かれたDATファイルがあります。

この【MUSIC1】と書かれたファイ...続きを読む

Aベストアンサー

まず質問文で良く分からない部分があるのですが、CDの音楽をカーナビでSDに転送して、そのSDからPCに転送し、ウォークマンに入れて聞きたいのだと言う解釈でお書きします。予想でお書きする所がございますが、了承して下さい。

結論から言えばもう一度借りてきて、PCに取り込むしかないです。

今回は何が問題かというと、CDの音楽をカーナビを使ってSDに転送したことです。簡単に話しますと、CDの音楽をPCを使ってSDカードに転送するのと、CDの音楽をカーナビを使ってSDに転送することは、一見同じに見えますが、中身が全く異なってきます。

その中身とは、カーナビを使って転送した場合は、CDから転送された音楽が、そのカーナビだけで再生出来るようになってしまったと思われます。つまりカーナビで転送したから、転送された音楽ファイルもカーナビ用の形式になってしまった。と言うことです。それでパソコン(のソフト)では扱うことが出来ない。

また借りなくても良い方法は有ることは有りますが、そんなことをやっている内に借りてくる方が一番早いです。

おおよそこんなところだと思います。ご参考までに。

まず質問文で良く分からない部分があるのですが、CDの音楽をカーナビでSDに転送して、そのSDからPCに転送し、ウォークマンに入れて聞きたいのだと言う解釈でお書きします。予想でお書きする所がございますが、了承して下さい。

結論から言えばもう一度借りてきて、PCに取り込むしかないです。

今回は何が問題かというと、CDの音楽をカーナビを使ってSDに転送したことです。簡単に話しますと、CDの音楽をPCを使ってSDカードに転送するのと、CDの音楽をカーナビを使ってSDに転送すること...続きを読む

Qホームページの作り方

ホームページを作りたいのですが、全く分かりません。そこで初心者でも分かる作り方を教えてください。それか作り方が乗っているホームページを紹介してもらえないでしょうか?よろしくお願いします。

Aベストアンサー

全くの初心者なら、
楽天(http://isweb.www.infoseek.co.jp/)や、
ガイアックス(http://www.gaiax.com/)や、
カフェスタ(http://www.cafesta.com/index.jsp)
などが良いと思いますよ!
でも、ページのイメージなどは限られてしまいます。

自分で全てページを作りたいのなら、
やっぱり他のサーバーなどを借りるのがいいですね。
http://muryou3.fc2web.com/home.htmlなどを見て、
参考にしてください。

あとhttp://tohoho.wakusei.ne.jp/www.htmのサイトは、
とても有名で少しはHp作成に関して理解できますよ。

Q見出しのタグ

CSSを勉強しながらメモ帳で地道にサイトを作っています。

ところで、<h1>と<h2>のタグを記述してブラウザで確認すると普通は改行されると思うのですが、これを同じ行にすることはできるのでしょうか?

以前どこかでそのようにしているサイトを見たような気がするので、サイト作りの参考にしたいと思いまして…。

Aベストアンサー

こんにちは

h1のような見出しは、ブロック要素ですので
これをインライン形式で表示する(同じ行にする)には、displayを使用して

<style type="text/css">
<!--
h1,h2 {
display: inline;
}
-->
</style>

が、ブラウザへの互換性も高くよいかなと思います。
ご参考になれば…
http://www.tagindex.com/stylesheet/box/display.html

参考URL:http://www.tagindex.com/html_tag/basic/blo_element.html

Qビーズのフクロウの作り方が載っているホームページや本を教えて欲しいです

ビーズのフクロウの作り方が載っているホームページや本を教えて欲しいです。

立体のビーズのものでかわいらしいものを探していますが、なかなか見つかりません。
ビーズモチーフっていうのかな?、アイロンビーズとは違い、立体のものです。

古い質問の中に、同じようにフクロウを探している質問がありましたが、回答に載っているホームページの中ではフクロウは見つかりませんでしたし、作り方は載っていないようです。

形を見ただけでは、よく作れないので、作り方が載っているようなホームページか本があればうれしいです。

知っている方がいらっしゃいましたら、よろしくお願いします。

Aベストアンサー

「ビーズ ふくろう 作り方」で検索しただけですが、以下あたりはどうでしょう?

http://poochnavi.com/beads/recipe/fukurou/rec01.html

Q[RFC821]について

RFC821
http://www.ietf.org/rfc/rfc0821.txt
を見ると次のように記述されています。

<mailbox> ::= <local-part> "@" <domain>
<domain> ::= <element> | <element> "." <domain>
<element> ::= <name> | "#" <number> | "[" <dotnum> "]"
<name> ::= <a> <ldh-str> <let-dig>
<ldh-str> ::= <let-dig-hyp> | <let-dig-hyp> <ldh-str>
<let-dig> ::= <a> | <d>
<let-dig-hyp> ::= <a> | <d> | "-"

<a> ::= any one of the 52 alphabetic characters A through Z in upper case and a through z in lower case
<d> ::= any one of the ten digits 0 through 9

で、これを読むと,

<domain>は1つのelementまたは,ピリオド区切りで任意の個数のelementのどちらかであり,

<element>は"#"<num>や"["<dotnum>"]"
の指定でなければ<name>であり,
<name> ::= <a> <ldh-str> <let-dig>
であるからnameは3文字以上でなければならない

・・・と思うのだけれど

yahooのフリーのアドレスは
example@yahoo.co.jp
のようにcoやjpが既に2文字でこれに当てはまらないような気がするのですが,俺は何か間違っているんでしょうか?
===============
もう一つオマケ。
<special> に含まれるのは ( "@" """ )であって,
( "@" | """ ) ではないんですよね?

RFC821
http://www.ietf.org/rfc/rfc0821.txt
を見ると次のように記述されています。

<mailbox> ::= <local-part> "@" <domain>
<domain> ::= <element> | <element> "." <domain>
<element> ::= <name> | "#" <number> | "[" <dotnum> "]"
<name> ::= <a> <ldh-str> <let-dig>
<ldh-str> ::= <let-dig-hyp> | <let-dig-hyp> <ldh-str>
<let-dig> ::= <a> | <d>
<let-dig-hyp> ::= <a> | <d> | "-"

<a> ::= any one of the 52 alphabetic characters A through Z in upper case and a through z in...続きを読む

Aベストアンサー

RFC821はobsoleteです。RFC2822を見てください。
こっちでは、ドメインの要素は1文字以上となっています。
数字で始まっても良くなりました。

dot-atom = [CFWS] dot-atom-text [CFWS]
dot-atom-text = 1*atext *("." 1*atext)

Qホームページの作り方☆

 ホームページの作り方がわかる、無料のソフトを教えて下さい。
 学生の時に一度作ったのですが、確か「じゅんこ」という名前のページで、作り方が書かれていたように思うのですが・・・。先生も「じゅんこさんのホームページで各自調べて作りましょう。」と言っていました。もちろん、そのじゅんこさんというのは、クラスメイトでもなく、全く知らない人です。
 もちろん、他の方法でもいいので、作り方を教えて下さい。お願い致します。

Aベストアンサー

インターネットエクスプローラーをお使いでしたら、下記アドレスが参考になるかと思います。
フリーのHP作成ソフトの導入方法とHPの作り方について詳しく解説されています。

参考URL:http://www.susono.com/~tkzw4a/

Qブログのメニュー設定時にテンプレートの中に

すいません。
教えてください。

ブログのメニュー設定時に、テンプレートの中に
「出来上がったリンクに対して自動的にリスト化されるように
<ul ><li>
</li></ul>
をつけましょう」
と書いてある本があります。

しかしながらこれでは理由が今ひとつわかりません。
どうしても
<ul ><li>
</li></ul>
をつけなければならないのかどうか。
どなたか教えていただけませんでしょうか。

Aベストアンサー

 <ul> は自動リスト化機能のためのタグです。
 ご自分で実際にデザインしてみて、必要がなければ付ける必要はありません。

 あなたがお読みになった下記の文、
>出来上がったリンクに対して自動的にリスト化されるよう(中略)をつけましょう
 これは、「リンクは必ずリスト化しましょう」という意味になります。
 なんでそんなにリスト化にこだわらなきゃいけないのか、俺には解せません。

Qブログまたはホームページの作り方について

ブログまたはホームページの作り方について

小説を書け 簡単に作れ ヤフーやグーグルで検索したら出てくる?(携帯サイトで出ても出なくてもいいですがパソコン インターネットで出るのがいいです)
ブログまたはホームページの作り方を教えてください
またそのような事ができるサイトを教えてください

Aベストアンサー

>小説を書け 簡単に作れ ヤフーやグーグルで検索したら出てくる?

どこのサービスでも小説は書けるし、簡単に作れるし。
YahooやGoogleの検索結果に出したいのなら、自分でそれらの検索サイトに、検索対象にしてくれるように申請を出せば検索結果に出て来るけど、申請しなけりゃ出るかどうかは運任せ。

[参考]FC2 -無料ホームページ アクセス解析 ブログ 動画 レンタルサーバー SEO 対策 等 -
http://fc2.com/

QXPの時アクセサリ→システムツール→システムの復元→復元ポイントの作成を

復元ポイントの作成してたのですが、Vistaはどのようにして良いかわかりません!本を買ったのですが、復元の仕方やその時のエラーは書いてあるのですが、 教えて欲しいです。よろしくお願い致します。

Aベストアンサー

NO1追加
参考URLは音声で説明しますのでこちらをごらんください。

参考URL:http://www.pcur.net/support/modules/vista3/index.php?id=2


人気Q&Aランキング