- 締切済み
擬似クラスがupできない
こんばんは。どうしても擬似クラスがupできません。 ＝01.css＝ <style type="text/css"> a:hover{ font-weight:bold; text-decoration:none; color:red; } </style> ＝index.html＝ <html> <head> <title>○▲□×</title> <link rel="stylesheet" href="01.css" type="text/css"> </head> どうして擬似クラスがupできないのですか？ どこか打ち間違いでしょうか？ hoverだけ使いたいので、それ以外は打つ必要ないと 思いますし、今後、他のスタイルも加えて行きたくも 思ってます。 どうぞよろしくお願いします。
- cofeemilk
- お礼率59% (54/91)
- ホームページ作成ソフト
- 回答数4
- ありがとう数12
- みんなの回答 （4）
- 専門家の回答
みんなの回答
- yuuu69
- ベストアンサー率29% (8/27)
「upできない」というのがどういう意味かよく分からないのですが。 01.cssがWebサーバーにアップロードできないと言う意味なんでしょうか？ index.htmlを見るとindex.htmlと01.cssは同じ階層（同じフォルダ）にあるようですが、そうなっていますか？ もし、別のフォルダになっているならindex.htmlのhrefでのスタイルシートの指定は../でパスを正しく指定する必要があります。 ローカル（あなたのパソコン）では正しくリンクにカーソルが乗った時に赤字になっていますか？
#1です。 CSSの仕様で外部ファイルにする場合は <style type="text/css"> と </style> を書かないきまりになっています。 というか <style type="text/css"> と </style> はHTMLタグでスタイルシートではありません。
- outbrave
- ベストアンサー率60% (231/380)
何か勘違いされているもよう。 気にせず削除。 css ファイルの中身は セレクタ { プロパティ : 値 ; プロパティ : 値 ; } セレクタ { プロパティ : 値 ; プロパティ : 値 ; } セレクタ { プロパティ : 値 ; プロパティ : 値 ; }
01.cssの書き方が間違っています。 <style type="text/css"> と </style> を削除してアップし直してください。
関連するQ&A
- IE6-8で疑似クラスを使いたい
いつもお世話になっています。 やりたいことは、以下のサイトのアコーディオンメニューです。 http://weboook.blog22.fc2.com/blog-entry-347.html 上記サイトをIE8でみると、問題なく表示されるのですが、 自分が作成したHTMLをIE8で確認すると、Webフォントで 指定した矢印が表示されません。(その他ブラウザはOK) Webフォントそのものは、メニュー以外の場所で表示される ことを確認したのですが、メニュー内では表示できませんでした。 このことから、原因は疑似クラスのafterが効いていないと推測 しています。 上記サイトで疑似クラスを使うためにjQueryを読み込ませている のだと認識していたのですが、違うのでしょうか。 IE6-8で疑似クラスを使用させるためのjs(selectivizr)をダウンロード してきてみたのですが、それでもうまくいきません。 WEBサーバーになにか仕込まないといけないなどあるのでしょうか。 どのようにすれば疑似クラスを使用できるかご教示お願いいたします。 ----------------------------------------------------------- HTML(ヘッダーへの指定部分) ----------------------------------------------------------- <head> <title>タイトル</title> <meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS"> <link rel="stylesheet" href="../css/common.css" type="text/css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript" src="[JS library]"></script> <!--[if (gte IE 6)&(lte IE 8)]> <script type="text/javascript" src="../js/selectivizr.js"></script> <noscript><link rel="stylesheet" href="[fallback css]" /></noscript> <![endif]--> <script type="text/javascript"> $(function() { $("#accordion li ul").hide(); $("#active").show(); $("#accordion > li > a").click(function(){ var click = $("+ul",this); click.slideDown(); $("#accordion ul").not(click).slideUp(); $(".arrow").removeClass("rotate"); $("> .arrow",this).addClass("rotate"); return false; }); }); </script> </head>
- ベストアンサー
- CSS
- ネット上で見る事が出来ない・・・・
<html> <head> <title>スタイルシート</title> <style type="text/css"> .bold｛font-weight:bold;} </style> </head> <body> <p class="bold" ようこそ ＜ｐ＞ 私のホームページへ </body> </html> ↑これのどこがおかしいのですかね？ ＨＰを見る事が出来ないのですが
- 締切済み
- HTML
- スタイルシート
こんばんは。HPを独学で作っている超初心者です。 スタイルシートが反映してくれないのです。下記の記述で 何が違うのでしょうか？？？ ---01.css--- <sytle type="text/css"> a:link{text-decoration:none;} <style> ---index.html（抜粋）--- <head> <link rel="stylesheet" href="01.css" type="text/css"> </head> どうしても index.html のリンク部分に下線が出てきます。 どうして消せないのかが分かりません！！！ どなたか教えてください！よろしくお願いいたします！
- 締切済み
- その他（インターネット・Webサービス）
- HTMLメールの外部CSSが有効になりません
HTMLメールから以下のように外部CSS（http://から始めてます）を利用したいのですが、実際にOUTLOOK 2003 SP3で見るとスタイルが適用されていません。 ローカルで同じHTMLをブラウザで開くとスタイルは適用されます。HTMLメールのときは何か特別なことが必要なのでしょうか？ <link href="http://domain/style.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="http://domain/style2.css" type="text/css" media="screen" /> <script language="JavaScript1.2" src="http://domain/js.js" type="text/javascript"></script> ヘッダ全体を以下に掲載しておきます。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head> <title>TITLE</title> <link href="http://domain/style.css" rel="stylesheet" type="text/css"> <script language="JavaScript1.2" src="http://domain/js.js" type="text/javascript"></script> <link rel="stylesheet" href="http://domain/style2.css" type="text/css" media="screen" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head>
- 締切済み
- HTML
- CSS：スタイルシートでテキストリンク
教えてください！！ 外部ファイルのスタイルシート（ＣＳＳ）を使って、各ページへジャンプするテキストリンクをマウスオーバー時に太字になるように設定しています。 ＩＥ6.0では問題なく起動していますが、ＮＳ7.1,Firefox1.0では、機能していません。何か対処方法はないでしょうか？ ↓私の記述は以下の通りです↓ 【外部ファイルへのリンクの記述】 <link rel="stylesheet" type="text/css" href="../menu.css" title="menu" /> 【外部ファイル内のＣＳＳの記述】 .menu { font-family: "ＭＳ Ｐゴシック", 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; }
- ベストアンサー
- その他（プログラミング・開発）
- style属性を使って擬似クラスを表現することは可能ですか？
CSSの読み込み方には3通りあります。 1)<head>～</head>内にstyle要素をマークアップする。 2)外部CSSファイルをHTMLに読み込ませる。 3)任意のタグにstyle属性を指定する。 そこで質問なのですが、3)のstyle属性で擬似クラスを指定する事は可能でしょうか？ 1)と2)の方法であれば、 div a:link { color : #fff ; background : blue ;} div a:visited { color : #fff ; background : purple ;} div a:hover { color : #fff ; background : aqua ;} div a:active { color : #fff ; background : purple ;} のように指定すればよいだけですが、 3)の方法、つまりstyle属性を用いて擬似クラスの指定の仕方が分かりません。 宜しくお願いします。
- ベストアンサー
- CSS
- phpでこのイコールは代入演算子ですか？ <l
phpでこのイコールは代入演算子ですか？ <link rel="stylesheet" type="text/css" href="stylesheet.css"> ↑このイコールです link relにstylesheetを代入するという意味ですか？ ↓他にもたくさんありますが、このイコールは代入演算子なんですか？ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Progate</title> <link rel="stylesheet" type="text/css" href="stylesheet.css"> </head> <body>
- ベストアンサー
- PHP
- 使用環境：WINVISTA、IE8
使用環境：WINVISTA、IE8 ホームページ作成にあたり、CSSを使用しています。 使用フォントをメイリオにしたいので下記のように指定しています。 body { font-family: "メイリオ", Osaka, "ＭＳ Ｐゴシック", sans-serif; } また、HTMLファイルのheadタグには下記のように指定しています。 <head> <META http-equiv="Content-Type" content="text/html; charset=UTF-8"> <META http-equiv="Content-Style-Type" content="text/css"> <title>○○○○○○○<title> <link href="design/style.css" rel="stylesheet" type="text/css" /> </head> 指定方法は間違ってはないと思うのですが、フォントが変わってくれません。 試しにfont-weight:bold; を指定すると太字にはなるのでパスの指定などは問題ないと思います。 何か考えられる原因・対処法はございますでしょうか。 よろしくお願い致します。
- ベストアンサー
- HTML
- CGIの外部スタイルシート
お世話になっております。 CGIをIFRAMEの中にいれたところ、外部スタイルシートが反映されなくなってしまいました。 色々と書き換えて試してみましたが、反応がありません。 どのような記述を入れれば、反応するようになるのでしょうか。 index（ここにIFRAMEがあります。） ｜ cgi-binの中にcgiとフォルダー（style.cssが入ってます。) CGIのスタイルシートの指定は下記のようになってます。 print "<title>$title</title><link rel=\"stylesheet\" type=\"text/css\" href=\"$base/style.css\"></head>\n"; スタイルシートは a { text-decoration:none; } a:hover {color:#ff0000} body,table { font-size: 10pt; } 漠然とした質問の方法ですみません。 宜しくお願いします。
- 締切済み
- CGI
- yahooジオシティーズでのCSS読み込ませ方法
こんにちは。 ジオシティーズでHP作成を試みていたのですが、style.cssを作ってジオシティーズの"EZ-アップローダー”をつかってアップしてみたところ、スタイルがファイルに反映されません。 CSSを読み込ませる特殊な方法でもあるのでしょうか? 念のためヘッダは、 <html lang="ja"> <head> <meta http-equiv="Content-style-Type" content="text/html"; charset=euc-jp> <title>:::style-test:::</title> <link rel="stylesheet"type="text/css href="style.css"media="all"> </head> です。 お分かりの方いましたら、ご教授ください。 ちなみに当方、HP作成の初心者です。
- ベストアンサー
- ホームページ作成ソフト
お礼
削除してしまったら、他にも加えたいスタイルが 出来なくなってしまいます。削除せずに行いたい のです。