■GoLive 6■テキストリンクの「ＣＳＳ」設定について教えてください。

Question

GoLive６を使っています。

通常、テキストのリンクは青文字ですよね？
濃色の背景の部分のリンクのみ白文字で、他は青文字にしたいのですが、設定に行き詰っています。

まず、
テキストリンクのルールを「ＣＳＳエディタ」でリンク表示を白に設定しました
（a   { text-decoration: none }）。

次に、
ページ全体のテキストリンクが白になってしまうので、
青文字にしたいテキストをマウスで選択してテキストの色を青にしました。

すると・・・、
白文字リンクと青文字リンクが混在するページが完成！
・・・と、手持ちのマニュアルには書いてありますが、テキストの色を変えようがテキストにリンクが指定してあれば、当然ＣＳＳの設定により「白文字」にされてしまいます。

あたりまえのようですが、マニュアルにも書いてありますし、私の設定が間違っているのでしょうか？

どなたかいい方法をご存知の方、ご教授お願い致します。

Joh_Taka · Accepted Answer

質問者さんがご覧になっているマニュアルの説明では、リンクの文字が青と白の混在にはなりませんよ。

CSSで <a> タグに色指定してしまうと、<body> タグでいくら色指定しても、CSSの定義が優先されてしまいます。

>通常、テキストのリンクは青文字ですよね？

いいえ。
GoLive では、ページインスペクタで「テキスト」「リンク」「アクティブリンク」「アクセス済みリンク」の各色を指定していなければ、閲覧者それぞれのブラウザで指定している文字色となります。（文字色は閲覧者環境に依存します）

リンクの文字色を2色にするには、CSS定義で <a> タグ全てに適用させるのではなく、CSSをクラス指定にするようにして、色分けしたら良いと思います。

まず、CSSエディタを開いたら、「CSS定義」タブを選択して、下に並んでいるアイコンの中の「.」(ピリオドのアイコン)「新規クラススタイル」をクリックします。

「.class」の文字が反転表示で現れますので、白色に指定する文字を定義するための名称を「.white」等のように半角英字で書きます。（文字の先頭にピリオドを付けるのをお忘れなく！）

インスペクタパレット上部の「F」のアイコン「フォント」を選択して、「色」のリストから「白」を選択します。

CSS定義の「ソース」に { color: white } (GoLiveのバージョンによっては { color: #fff } または { color: #ffffff } になることがあります) が表示されますので、白色のCSS定義は以上になります。

同じように、今度は青色に指定する文字を定義します。

白色を定義したときと同じように、CSSエディタの下に並んでいるアイコンの「.」を再度クリックします。

「.class」の文字を青色だと解りやすいような名称「.blue」等、適当に半角英字で書きます。

インスペクタパレットの「色」リストから「青」を選択します。

これで白色、青色2色のテキストの色をCSSのクラス指定で定義できました。

定義した各文字色を適用するには、ドキュメントウインドウのレイアウトタブを選択して、白にしたい文字をドラッグして反転表示させます。

Windowsなら右クリック、MacならControl+クリック →「CSS スタイルを適用」→「Span」→「white」を選択します。

同じ操作は、メニューの「ウインドウ」→「CSS」でCSSパレットを表示させて、「white」行「Span」列の交差するセルにチェックを入れることでも出来ます。

同じように、青色に適用したいテキストを白色と同様に「blue」に指定して完了となります。

・・・・お解りいただけました？

hirokun-3 · Answer

はじめまして。GoLive６(win)を使っています。

”リンクを張ったテキスト部分を、「カーソルを合わせると下線がでる」ようにしたいのです”の質問に対してお答えいたします。

１．cssエディターを起動
２．新規スタイルで”a”を選択
３．インスペクターパレットのフォントを選択
４．装飾項目で”なし”を選択
５．１～４を行うことによりリンクの下線が消えます
６．新規スタイルで”a:hover”を選択
７．装飾項目で”アンダーライン”を選択

これでリンク項目にカーソルを合わせると下線がでます。
※１～７の順番で行わないとブラウザが認識しないみたいです。

AAJp_nova · Answer

Ｇｏｌｉｖｅ持ってないのでアドバイスだけですが。アンカータグの間にフォントタグ文字で囲ってみては如何でしょうか？

■GoLive 6■テキストリンクの「ＣＳＳ」設定について教えてください。

質問者さんがご覧になっているマニュアルの説明では、リンクの文字が青と白の混在にはなりませんよ。

はじめまして。

Ｇｏｌｉｖｅ持ってないのでアドバイスだけですが。

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング