• ベストアンサー

CSS外部呼び出し

今ジオシティーズでスタイルシートの外部呼出しをやってみたんですが、 いくつか繁栄されないものがあるんですが、記述で間違っている所がありましたら直していただきたいのです。 A { text-decoration: none; } A:visited {text-decoration:none} A:link {text-decoration:none} A:hover {color:red; text-decoration:underline} P { font-size: 12pt; } Body,Td {line-height:15pt;} Body {scrollbar-arrow-color: #000000; scrollbar-face-color: #ffffff;scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #000000; scrollbar-track-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-darkshadow-color: #000000} これに更に A:link { color: blue; } A:visited { color: #8080FF; } A:hover { color: #FFFF00; } A:active { color: red; } を足したいのですが、可能でしょうか?

  • CSS
  • 回答数2
  • ありがとう数0

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

  • ベストアンサー
  • LancerVII
  • ベストアンサー率51% (1060/2054)
回答No.1

こんにちは。 Aタグですが link,visited,active,hoverの順番にしないと反映されないかもしれません。 >これに更に >A:link { color: blue; } >A:visited { color: #8080FF; } >A:hover { color: #FFFF00; } >A:active { color: red; } >を足したいのですが、可能でしょうか? Aタグにまとめることはできないのでしょうか? A:link { color: blue; text-decoration:none; } A:visited { color: #8080FF; text-decoration:none; } A:active { color : red; } A:hover { color:red; text-decoration:unserline; }

その他の回答 (1)

  • cherrymoon
  • ベストアンサー率23% (739/3104)
回答No.2

どこが反映していて、どこが反映していないのかわからないのですが、私がしているCSSに直してみます。 body { scrollbar-3d-light-color : #000000; scrollbar-arrow-color : #000000; scrollbar-track-color : #ffffff; scrollbar-dark-shadow-color : #000000; scrollbar-face-color : #ffffff; scrollbar-highlight-color : #ffffff; scroolbar-shadow-color : #ffffff;} P { font-size : 12pt; line-height : 15pt;} A:link { color: blue;} A:active { color: red;} A:visited { color: #8080ff;} A:hover { color: #ff0000; text-decoration:underline underline; } A { text-decoration: none;} 私が使用しているものだとこんな感じです。 スクロールバーが反映していないのでしたら、scrollbar-3dlight-colorではなくscrollbar-3d-light-colorですので、そこを直せば大丈夫かと思います。

関連するQ&A

  • 外部CSSをかくには。

    HPのページひとつひとつにいちいちスタイルシートをかいていくのが 面倒になったので外部CSSでまとめてしまおうと 思ったのですが、上手くいきません。 ちなみにこうかいております↓ <STYLE TYPE="text/css"> <!-- BODY {  letter-spacing:7px;  line-height:15pt; } --> </STYLE> <style type="text/css"> <!-- body { scrollbar-face-color: #FF9900; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #000000; scrollbar-track-color: #ff9900; scrollbar-darkshadow-color: #ffffff; } --> </STYLE> <STYLE TYPE="text/css"><!--A{text-decoration:none;}A:hover{text-decoration:underline overline;}--></STYLE> <style type=text/css><!--a{text-decoration:none;}--></style> <style><!--BODY{font-size:8pt;}--></STYLE> どこか悪い点がありましたら教えてください。

    • ベストアンサー
    • HTML
  • まとめたいのですが

    以下のスクリプトその他を一つにまとめて記述したいんですが、どのようにすれば良いんでしょうか^^; <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" TEXT="navy" LINK="#0033cc" VLINK="#0033cc" ALINK="#0033cc"> <script language="JavaScript"><!-- document.body.style.cursor = "move"; //--></script></BODY> <style type="text/css"> <!-- body { scrollbar-arrow-color: #000000; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #000000; scrollbar-track-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-darkshadow-color: #000000 } --> </style> <STYLE type="text/css"> <!-- A:link {text-decoration:none} A:visited {text-decoration:none} A:active {text-decoration:none} A:hover {color:#FF0000; position:relative; top:2; left:3} --> </STYLE>

  • スタイルシートのリンクについて

    スタイルシートを下記の様に記述しました。 そこでリンクの部分なのですが ポインタが上にのった時にff6666になるようにしているのですが、 ff9900のままなのです。 通常はffcc00 既読はff9900 ポインタ上にのった時にff6666 クリックした時にff0000としたいのです。 どなたかお教え下さい。 <style type="text/css"> <!-- BODY { SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffcc00; SCROLLBAR-ARROW-COLOR: #ffcc00; SCROLLBAR-BASE-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR : #ffffff; SCROLLBAR-3DLIGHT-COLOR : #ffcc00} body,tr,td {font-size: 9pt;} body,tr,td {color: #ffcc00;} a {text-decoration: none;} a:link {color: #ffcc00;} a:hover {text-decoration: underline;} a:hover {color: #ff6666;} a:active {color: #ff0000;} a:visited {color: #ff9900;} body { background-repeat: no-repeat; background-position: 100% 100%; background-attachment: fixed;} --> </style>

    • ベストアンサー
    • CSS
  • 外部CSSの読み込みがうまくできない

    <head>~ <link href="basic.css" rel="stylesheet" type="text/css"> ~</head> ↓basic.css body{font-size:80%;color:#4a4a4a;} a:link{color:#004a95;text-decoration:none;} a:visited{color:#950095;text-decoration:none;} a:hover{color:#ff80c0;text-decoration:none;} という感じで外部CSSを読み込んでいるのですが、 ブラウザのoperaやfirefoxだとbody{font-size:80%;color:#4a4a4a;}の所だけ反映されません。 IEだとその部分も反映されます。 cssファイルに修正箇所があるのでしょうか? それとも外部cssを読み込むhtmlファイルの方に追加して記述しなければいけないタグがあるのでしょうか?

    • ベストアンサー
    • CSS
  • 外部CSSの記述方法

    色々調べたのですが行き詰まってしまったので質問させて下さい。 HPのそれぞれのページの文字色や背景が違う為BODYをクラス分けしてCSSに記述しています。 ページによって違うリンク色等はそれぞれのページの<HEAD>内で指定していますが 外部CSSから指定する場合クラスを定義すれば出来ますが下記のBODYの中には どのように記述すれば良いか解かる方がいらっしゃいましたらご回答宜しくお願い致します。 (説明ベタですみません。要は外部CSSのそれぞれのBODYのクラス内に リンク色等の記述をしたいのです。(;^_^A ) 外部CSS BODY.top{ color:#2E8B57;background-color:#FFEAFA; } BODY.menu{ color:purple;background-color:#FFFFFF; } top.htmlの<HEAD>内の下記を外部CSSのBODY.topの中に入れたい A:visited { text-decoration:none;color:#CD1076;} A:active { text-decoration:none;color:blue;} menu.htmlの<HEAD>内の下記を外部CSSのBODY.menuの中に入れたい A:visited { text-decoration:none;color:purple;} A:active { text-decoration:none;color:#E1ACDA;}

    • ベストアンサー
    • CSS
  • プログラミング html css css3

    プログラミングについての質問です a{text-decoration:none;} a:hover {color:white; background:black;} a:visited{color:red;} a:active{color:silver;} このプログラム(スタイルシート)のhoverの部分が うまくいきません。 何を直せばいいでしょうか

    • ベストアンサー
    • CSS
  • CSSについて

    カーソルがルンク先文字にふれた時に色が変わり、 リンクしたあとリンク済みになるCSS( スタイルシート)はこれでいいでしょうか? リンク済みの色が変わりません。 <!-- <style type="text/css"> --><!--A:HOVER{position : relative;top:2px; left:2px;} </style> --> <style type="text/css"> <!--A:link {color:#000055; text-decoration:none; } A:visited {color:#000055; text-decoration:none; } A:hover {color:#ff3300; text-decoration:underline; }--></style>

    • ベストアンサー
    • HTML
  • a:hoverについて

    リンク毎に「a:hover」のスタイルを変更したいのですが、 a:link { text-decoration: none; color: blue; } a:visited { text-decoration: none; color: blue; } a:hover { text-decoration: underline; color: red; } 通常は↑のスタイルで、 a[aaa]:hover { text-decoration: underline; color: blue; } nameを指定したリンクの場合は↑にしたい。 <a name="aaa" href="~">リンク</a> このような感じだと、上のリンクにカーソルを持っていっても青に変わってくれません。 どーすれば良いでしょうか?

    • ベストアンサー
    • HTML
  • スタイルシート・・・この記述は正しいですか?

    メモ帳で(苦笑)HPを作っています。いままではテーブルなどのほんとに簡単なタグしか使っていなかったのですが、そろそろサイトデザインを変えたいな~と思って、スタイルシートに挑戦してみることにしました。マウスをオンにしたときリンクの背景色が変わるとか、スクロールバーの色を変えるとか、見た目は思った通りに表示できているのですが(ブラウザIE6.0/NN6.02です)、本やいろんなサイトさんのソースを参考に打ってるだけなので、本当にこれで合っているのか不安です。お時間のある方アドバイスなど頂けたらと思います。よろしくお願いします。 <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta name="robots" content="index,nofollow"> <style type="text/css"> <!-- body { background-color:#; scrollbar-face-color: #; scrollbar highlight-color: #; scrollbar-shadow-color: #; scrollbar-3dlight-color: #; scrollbar-arrow-color: #; scrollbar-track-color: #; scrollbar-darkshadow-color: # } a{text-decoration:none} a:link {color:#;background-color:#;} a:visited {color:#;background-color:#;} a:hover {color:#;background-color:#;} --> </style> </head> <body> </body> </html>

    • ベストアンサー
    • HTML
  • cssの外部ファイルでのリンクの装飾

    学校の課題で今HPを作っています。 外部ファイルでリンクの装飾をしようとしているのですが、 検索してもHEAD内に組み込むタイプのタグしか出てきませんでした。 <Style Type="text/css"> <!-- A:link { text-decoration:none; color:#000080; } A:visited { text-decoration:none; color:#000080; } A:active { text-decoration:underline; color:#000080; } A:hover { text-decoration:underline; color:#1e78ff; } //--> </Style> ↑このようなものを外部ファイルの場合はどう書けばいいのでしょうか? つまり↑の内容(リンクの装飾)を↓のような形式に書き換えたいということです。 #title{ font-size:24px; font-weight:bolder; font-family:Arial; } わかりづらくて申し訳ありませんが、どなたか詳しい方いましたらよろしくお願いします★

    • ベストアンサー
    • HTML

専門家に質問してみよう