- ベストアンサー
w3cのバリデータでチェックした所下記のエラーが出
- 文法解析エラーが発生しました 5rem　rgba(255,255,0,.1) inset;
- @charset 'utf-8'; こちらで正しいと思うのですがどこか違いますか？ またそもそもこれはまだ必要な記述でしょうか？
- pointer-events は存在しません : none これはバリデートのエラーですか？グーグルマップの設定でよく使いますが、バリデータの問題でしょうか？
- okweb12345
- お礼率64% (227/350)
- CSS
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- W3C CSS 検証サービス
W3C CSS 検証サービスで自分のサイトをチェックしたら -------------------------------------------------------------------- 42 table[summary="ÅIXV“úŽž"] 文法解析エラーが発生しました #007fff solid; -------------------------------------------------------------------- というエラーが発生したのですが、 具体的にどう直せばいいのか解説がないのですが、 何を直せばいいのでしょうか？
- ベストアンサー
- CSS
- HTML5のバリデートで下記のエラーが出ました。
HTML5のバリデートで下記のエラーが出ました。 HTML5のバリデータは日本語の物はまだないのでしょうか？ 実務ではどれくら、突っ込まれますか？ 下記を全部対応しろと言われますか？ ・ Warning No Character Encoding Found! Falling back to UTF-8. None of the standards sources gave any information on the character encoding labeling for this document. Without encoding information it is impossible to reliably validate the document. As a fallback solution, the "UTF-8" encoding was used to read the content and attempt to perform the validation, but this is likely to fail for all non-trivial documents. Read the FAQ entry on character encoding for more details and pointers on how to fix this problem with your document. ソースには下記のようにちゃんと文字コードはしていています。 バリデートの問題でしょうか？ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> ・Unable to Determine Parse Mode! => 解析モードを決定する事が出来ません! これは、実務でも無視して良いのでしょうか？良く分かりません。 ・No DOCTYPE found! Checking with default HTML 4.01 Transitional Document Type. No DOCTYPE Declaration could be found or recognized in this document. This generally means that the document is not declaring its Document Type at the top. It can also mean that the DOCTYPE declaration contains a spelling error, or that it is not using the correct syntax. The document was checked using a default "fallback" Document Type Definition that closely resembles “HTML 4.01 Transitional”. HTML5で作っているのですが、HTML 4.01 Transitionalドックタイプ宣言がないと言っているのでしょうか？ ・ Info No Character encoding declared at document level No character encoding information was found within the document, either in an HTML meta element or an XML declaration. It is often recommended to declare the character encoding in the document itself, especially if there is a chance that the document will be read from or saved to disk, CD, etc. <meta charset="utf-8"> があるので無視して良いのでしょうか？ ・他にも下記のように終了タグがないようなことをいっていますが、終了タグはあります。 良くあるエラーなのでしょうか？ Line 1, Column 913: end tag for "HTML" which is not finished … your browser or use a browser with Javascript support</noscript></body></html> Line 1, Column 75: required attribute "TYPE" not specified …cript" src="/aes.js" ></script><script>function toNumbers(d){var e=[];d.replac… ・Error Line 1, Column 12: document type does not allow element "BODY" herebody の位置は間違えていないと思うのですが、改善点があるのですか？ ソース </head> <body class="top-body"> <div class="container"> ・ Line 1, Column 1: no document type declaration; implying "<!DOCTYPE HTML SYSTEM>" バリデータがおかしいのでしょうか？ ソース <!DOCTYPE html> <html lang="ja"> <head> ・ Line 1, Column 12: document type does not allow element "BODY" here <html><body><script type="text/javascript" src="/aes.js" ></script><script>func… The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed). バリデータがおかしいのでしょうか？ ソース </head> <body class="top-body"> <div class="container">
- ベストアンサー
- HTML
- W3C CSSで文法解析エラーが発生しました
W3C CSS 検証サービスで 文法解析エラーが発生しました というエラーメッセージが出ます。 cssは次のとおりです。 .qa { color: #ffffff; /* 文字色 */ font-size: 17px; /* 文字サイズ */ font-weight: bold; /* 文字を太く */ text-align: left; .q { background: linear-gradient(-80deg, #ff65ff, #65ffff); /* グラデーションの背景色 */ border: 2px solid #ff0000; /* 線の太さ 線のタイプ 線の色 */ border-radius: 20px; /* 角を丸く */ height: 60px; padding: 15px 40px 15px 15px; position: relative; cursor: pointer; &:before { position: absolute; content: ""; display: block; width: 10px; height: 2px; background-color: #ffffff; right: 15px; top: 50%; transform: translate(0, -50%); } &:after { position: absolute; content: ""; display: block; width: 10px; height: 2px; background-color: #ffffff; right: 15px; top: 50%; transform: translate(0, -50%) rotate(90deg); } } .q.active { &:after { display: none; } } .a { background-color: #999999; border-radius: 20px; /* 角を丸く */ height: 60px; display: none; padding: 15px; } } 検証したスタイルシートを以下に示します の表示は .qa { color : #ffffff; font-size : 17px; font-weight : bold; text-align : left; } です。 どこをどのようにすれば良いでしょうか？
- 締切済み
- CSS
- ＣＳＳエラーについて教えて下さい。
ホームページのＣＳＳエラーをＷ３Ｃでチェックしました。 すると６つのエラーが出ました。 それぞれの意味がわからないので教えていただけませんでしょうか。 該当のファイルはｒｅｓｅｔ．ｃｓｓだと思いますので、コピペします。 8 body 文法解析エラーが発生しました ;*font-size:small; 8 body 文法解析エラーが発生しました ;} 22 input, textarea, select 文法解析エラーが発生しました {*font-size:100%; 22 input, textarea, select 文法解析エラーが発生しました ;} 24 pre, code, kbd, samp, tt 文法解析エラーが発生しました ;*font-size:108%; 28 dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, input, textarea, p 文法解析エラーが発生しました [:100%;} /* ƒfƒtƒHƒ‹ƒg’l */ /**************************************************/ div] /**************************************************/ /* ブラウザ別デフォルト値リセット */ /**************************************************/ /* リセット */ /**************************************************/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;} body{font:13px/1.231 "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;*font-size:small;} table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;} td{vertical-align:top;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} strong{font-weight:bold;} ol,ul,li{text-align:left;list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';} abbr,acronym{border:0;font-variant:normal;} sup{vertical-align:text-top;} sub{vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} input,textarea,select{*font-size:100%;} legend{color:#000;} pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /* デフォルト値 */ /**************************************************/ div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,textarea,p{text-align:left;} h1,h2,h3,h4,h5,h6,dt{font-weight:bold;} p{line-height:1.6em;} img{display:block;} body{color:#333;background:#FFF;text-align:center;} a:link{color:#069;} a:visited{color:#069;} a:hover{color:#F60;} a:active{text-decoration:none;} /**************************************************/
- ベストアンサー
- CSS
- エンコード指定でコンパイルエラー
以下のソースで、UnsupportedEncodingExceptionと、 コンパイルエラーが発生します。 byte[] sjisBytes; // 適当なバイト列を入れる String string = new String(sjisBytes, "Shift_JIS"); // エラー String s; // 適当な文字列を入れる byte[] b = s.getBytes( "Shift_JIS" ); // エラー サポートされている他のエンコーディング（UTF-8など）を入れても、 同じエラーになります。 原因がわかる方いらっしゃいますでしょうか？
- ベストアンサー
- Java
- CSS Validatorでのエラー
すみませんがよろしくお願いします。 最近1つサイトを制作しまして、背景、画像等に透過のPNGを使用して、ie6以前のものでも表示できるように、いろいろな方法の中、 http://blog.l-xs.com/yungsang/2006/12/png_alpha_filter_ie7.html 元 ”韓流”プログラマ、ユンサンのサイトを参考にさせてもらい、 iepngfixを使用して表示されるようにはなったんですが、 CSS Validatorのチェックをすると、これを使用した部分で 「文法解析エラーが発生しました IEPNGFIX.fix(this))」 となります。利用方法としては、下記のようにクラス指定し背景でPNGを使用するところでdivに適用、その他PNGを使う画像のところで#ID img{behavior: expression(IEPNGFIX.fix(this));}で適用させて使用している感じです。 <script src="iepngfix.js" charset="utf-8" type="text/javascript"></script> <style type="text/css"> * html .iepngfix { behavior: expression(IEPNGFIX.fix(this)); } </style> web上でいろいろ検索はしてみたんですが、よく分かる回答もなく どこをどう直せばエラーが消えるのかでかなりつまづいております。。。 ぜひともよろしくお願いします!
- ベストアンサー
- HTML
- 【エラー】Unrecognized character
Jcode.plを使いShiftJISで出力しているcgiファイルを、 Jcode.pmを使ってUTF8で出力できるように修正していた所、 Internal Server Errorが発生。 Perl文法チェッカーを使い、エラー内容を調べてみると Unrecognized character \xC2 at test.cgi line 168, line 846. cgiファイル168行には↓ &Jcode::convert(\$val, 'utf8'); ここまで↑ Jcode.pmの846行目には↓ sjis SHIFT_JIS ここまで↑ と表記されています。 cgiファイルの168行が間違っているのはわかるのですが、 「\xC2」が何を指しているのかさっぱりわかりません。 $valの中にあるテキストをutf8に変換したい場合は 本来どう書くものなのでしょうか？
- ベストアンサー
- Perl
- ＣＳ６(win)でＣＳＳが文字ばけ
DreamweaverＣＳ６(win)でＣＳＳが文字化け ＣＳＳを編集していたところsafariでcssが効かない事で @charset "utf-8"; を @charset "Shift_JIS"; に変えてみたのです。 無事、safariでcssが効いて、作業が終わりました しかし、気がついたらＣＳＳ中のコメントアウトした文字が文字化けしている あわてて調べたところ文字化けが発生する条件として [ 環境設定 ] – [ CSS スタイルシート ] – [ 修正時に CSS ファイルを開く ] のチェックを外している。 @charset で [ UTF-8 ] 以外の文字コードを指定している。 外部 CSS ファイルを使っている。 と書いてあるので、 外部 CSS ファイルを使っています。 [ 修正時に CSS ファイルを開く ] のチェックがあるのを確認（最初からチェック済みです） @charset で [ UTF-8 ] 以外の文字コードを指定しているので@charset "utf-8";に戻し保存 Dreamweaverを一旦終了、再立ち上げで確認しましたが、文字化けが戻りません。 どうすれば、文字化けが直るのでしょうか？ よろしくお願い致します。 補足 修正/ページプロパティー/エンコーディングで"Shift_JIS";になっていましたので Unicode(UTF-8) と致しました。 しかし、やはり文字コードは化けたままです。（再起動でも同じでした）
- ベストアンサー
- HTML
- CSSで文法エラーが出ました
CSS素人です、 CSS Validator検証結果で下記エラーが出ました、IE6・IE7・IE8・firefoxでは表示は崩れませんが 下記エラーを無くしたいのですがどなたかご指導いただけませんでしょうか？ #mnu1 img 文法解析エラーが発生しました @vertical-align:text-bottom; #mnu1 img Parse error - Unrecognized } .td01 文法解析エラーが発生しました @border-width : 1px 1px 1px 1px; 文法解析エラーが発生しました : solid solid solid solid;border-color : #999999 #999999 #999999 #999999;border-width : 1px 1px 1px 1px;} .td01a CSS記述は以下の通りです ul#menu{ margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; padding: 0px; } ul#menu li{ list-style-type : none; } ul#menu li a{display: block; text-decoration: none; outline: none; } #mnu1 a{ background-image : url(menu/menu1.gif); text-decoration : none; background-repeat : no-repeat; outline: none; display : block; width : 108px; height : 40px; } #mnu1 a:hover{ background-position : left bottom;} #mnu1{ margin-top : 0px; margin-bottom : 0px; } #mnu1 img{border-width : 0px 0px 0px 0px; vertical-align:text-bottom; } .td01{ font-size : 13px; font-family: Arial,"ＭＳ Ｐゴシック","MS UI Gothic",Osaka,Sans-Serif; background-color : #dce6f4; padding-top : 2px; padding-bottom : 2px; padding-left : 2px; border-width : 1px 1px 1px 1px;border-style : solid solid solid solid;border-color : #999999 #999999 #999999 #999999;border-width : 1px 1px 1px 1px;} .td01a{ font-size : 13px; font-family: Arial,"ＭＳ Ｐゴシック","MS UI Gothic",Osaka,Sans-Serif; background-color : #c1cdde; padding-top : 2px; padding-bottom : 2px; padding-left : 2px; border-width : 1px 1px 1px 1px;border-style : solid solid solid solid;border-color : #999999 #999999 #999999 #999999;border-width : 1px 1px 1px 1px;} ※ #mnu1 img内の vertical-align:text-bottom;は 縦にメニューを並べているのですが各上下に隙間が入るので vertical-align:text-bottom;を入れたら隙間が無くなったので 使用した次第です。 以上、宜しくお願いします。
- ベストアンサー
- C・C++・C#
お礼
ありがとうございます。コーダーの方ですか？