- ベストアンサー
HPBでホバーをかけるには?
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
「スタイルシートマネージャー」ボタンを押します。 赤文字で「S」とあるボタンです。 「追加」を押します。 HTMLタグの候補という場所に、「現在のタグ BODY」という部分をプルダウンして、 「マウスが上にあるリンク A:HOVER」を選びます。 一行下の行の、カラーと背景タブを選び、前景色をプルダウンし、その中から色を選ぶか、「ユーザー定義」「その他」で好きな色を編集します。 下の「OK」を押します。これで終わりです。 カラーと背景の背景色をプルダウンすれば、文字の後ろの色も編集できます。
その他の回答 (1)
- master-3rd
- ベストアンサー率35% (582/1641)
ビルダーの「HTMLソース」タブを開いていつも通りにタグ打込が可能ですよ。
補足
タグではなくて、GUI操作はできないですか? ビギナーの友人に教えてあげたいのです。
関連するQ&A
- IEでCSSのアンカー色指定が反映しない
<style type="text/css"> a:visited { color:blue;} div.testB { padding-left:12px; clear:both; } div.testB a{ color:#000000; text-decoration:none; font-weight:bold; } div.testB a:hover{ color: #cc0000; font-weight:bold; text-decoration:underline; } </style> <div class="testB"> <div><a href="#">リンク</a></div> </div> このようなソースで、FireFoxでは理想どおり表示されるのですが、IEではtestBで指定したリンク色が反映されず、先のa:visited{}のカラーでボールドだけ効いた状態になってしまいます。hoverしても色は変わらずです。visitedの指定がなければ、きちんと反映されるようなのですが… 解決策ありますでしょうか。 よろしくおねがいします。
- ベストアンサー
- CSS
- CSSでリンクにクラスを設定するには?
a:link { color: #007700;font-size:15px;font-weight:bold;} こういうものにクラスを設定する場合、 .class1 はどの位置に埋め込めればいいんでしょうか? いろいろやりましたがうまくいきません
- ベストアンサー
- HTML
- firefoxでCSSがうまく反映されないです!
スタイルシート(外部)で.moji{color:#;font-weight:bold} .moji a:link, .moji a:visited,{color:#f66;font-weight:bold}という具合に各クラスにリンクした時の色を指定するとIEでは反映されてもfirefoxでは反映されません。どうすれば両方にうまく反映されるのでしょうか? 教えてください!
- ベストアンサー
- HTML
- a:hoverの下線指定が反映されない
htmファイルのheadタグ内に以下のようなCSSの記述をしていますが、なぜかa:hoverのunderlineの部分だけが反映されません。はじめは一部のリンク箇所だけが反映されなかったのですが、訪問済みになった箇所がどんどん反映されなくなってしまい、しまいにはすべての箇所が反映されなくなりました。ただし、それはunderlineのみでfont colorやboldはしっかり反映されているのです。 これはなぜでしょうか? ちなみにscriptの記述は一切していません。 最初は同様の記述を外部ファイルにしていたのですが うまく読み込めていないのかと思って、htmファイル内に 記述しましたがダメだったというわけです。 <style type="text/css"> <!-- body { font-size: 10.5pt; line-height: 130%} table { font-size: 10.5pt; line-height: 130%} a:hover{ text-decoration: underline; color: #FF0080; font-weight: bold} a:active { text-decoration: none} a:link { text-decoration: none} a:visited { text-decoration: none} --> アドバイスお願いいたします。
- ベストアンサー
- HTML
- gooブログのタイトル文字のCSSの設定について
初めまして。 gooブログアドバンスでカスタムフリーを利用しているのですが、CSSのコーディングについて教えて頂きたい事があります。 "ブログのデザイン" 全体の設定として、リンク文字は白、マウスを乗せた時に文字の色が赤で太さとサイズを若干大きくなるように設定した上で、ブログのタイトル(CSS上では".bTitle")の文字(これもリンク文字です)については、もとの色を赤にして、マウスを乗せた時に、サイズ、太さはそのままで色だけ黒になるようにしたいと思い以下のようにコーディングしました。 A:link { color: #ffffff; } A:hover { color: #ff0000; font-weight: 600; font-size: 120%; } .bTitle { text-decoration: none; font-family: Century Gothic; font-size: 170%; font-weight: 800; color: #ff0000; } .bTitle A:hover{ color: #000000; } このようにしたのですが、ブログのタイトル部にマウスを乗せても黒になりません。.bTitleに A:linkやA:visitedなどもコーディングしてみたのですが、希望通りにはなりませんでした。どのようにコーディングすれば宜しいでしょうか。因みにHTMLの部分のタグは触っておりません。どうかご助力お願い致します。 ※もし必要とされるなら、全体のCSSも記載致します。
- 締切済み
- ブログ
- Firefoxでのスタイルシートの記述について
Firefoxでのスタイルシートの記述について 4つの文字を配置するために (1) font-size:18px; font-weight:bold; color:#000000; margin:127px 72px 0px 40px; (2) font-size:18px; font-weight:bold; color:#000000; margin:64px 72px 0px 40px; (3) font-size:18px; font-weight:bold; color:#000000; margin:101px 72px 0px 40px; (4) font-size:18px; font-weight:bold; color:#000000; margin:65px 72px 0px 40px; と指定しました。IEでは思った位置になったのですが Firefoxでは(2)(3)(4)が下のほうにずれてしまいました。Firefoxに合わせるとIEでの位置が上にずれてしまい頭を悩ませています。 記述の間違いや、アドバイスなどあれば教えてください。 よろしくお願いします。
- ベストアンサー
- HTML
- スタイルシートについて教えてください(ホームページビルダー11で)
ホームページビルダー11を使用してWebページをつくっています。 (超初心者です) そこにCSSのnavigation menuのテンプレートを挿入したいと思っています。 ソース(タグ?)は以下です。 http://www.13styles.com/css-menus/style1/ 挿入自体はうまくいって、ちゃんと目的のようにできるのですが、スタイルシートにほかの設定をすると、表示が変わってしまいます。 ほかの設定とは、リンクやリンク済みのフォントを変更するということです。 (a:linkやa:hoverを入れると) テンプレートだと「font-size:11px;font-weight:bold」になるのですが、リンク関係のフォントをほかのサイズに設定すると、そちらの表示になってしまいます。 そうならないように、テンプレートの設定そのままに表示されるようにするにはどうしたらよいでしょうか? 教えてください。 宜しくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- CSS:スタイルシートでテキストリンク
教えてください!! 外部ファイルのスタイルシート(CSS)を使って、各ページへジャンプするテキストリンクをマウスオーバー時に太字になるように設定しています。 IE6.0では問題なく起動していますが、NS7.1,Firefox1.0では、機能していません。何か対処方法はないでしょうか? ↓私の記述は以下の通りです↓ 【外部ファイルへのリンクの記述】 <link rel="stylesheet" type="text/css" href="../menu.css" title="menu" /> 【外部ファイル内のCSSの記述】 .menu { font-family: "MS Pゴシック", Osaka; font-size: 12px; font-style: normal; line-height: 14px; color: #FFFFFF; text-decoration: none; } .menu a:link { color: #FFFFFF; text-decoration: none; } .menu a:visited { color: #FFFFFF; text-decoration: none; } .menu a:hover { color: #FFFFFF; font-weight: bold; text-decoration: none; } .menu a:active { color: #FFFFFF; font-weight: bold; text-decoration: none; }
- ベストアンサー
- その他(プログラミング・開発)
- cssがhtmlに反映しません
.style01 { font-size: 120%; color: red; font-weight: bold; } .style02 { color: blue; font-weight: bold; } .style03 { background-color:yellow; text-decoration: underline; } .style01.style02は反映しますが、 .style03 の{ background-color:yellow; text-decoration: underline; } background-color:yellow;の部分が全く反映しません。 なぜでしょう。
- ベストアンサー
- その他(インターネット・Webサービス)
- a:hoverでfont-weight:bold
a:hoverでfont-weight:boldを使用し IEで確認すると文字と文字の間隔が空くのはバグですか? ご存知の方いらっしゃいます?
- ベストアンサー
- HTML
お礼
できました。 ありがとうございます。 助かりました。