![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
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 Pゴシック","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 Pゴシック","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;を入れたら隙間が無くなったので
使用した次第です。
以上、宜しくお願いします。
No.1ベストアンサー
- 回答日時:
全角空白('IDEOGRAPHIC SPACE' (U+3000))が入っているだけじゃない?
取り除いて,W3C CSS Validatorに掛けたらCSS 2.1を通ったよ
ご指摘の通り全角空白('IDEOGRAPHIC SPACE' (U+3000))が入っていました、解決しました、ありがとうございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
widthやheightの数値に単位(px...
-
css初心者 フレックスボックス...
-
CSS、width100%でもできる余白
-
imgの下に点線が入るのを消したい
-
定義リストに下線をつけたいと...
-
リンクの下線と文字の間隔を開...
-
CSSで文法エラーが出ました
-
iframe 内の画像を自動縮小させ...
-
【HTML&CSS】フッター下部の余...
-
ヘッダーの高さが合わない
-
インラインフレーム内の表示位...
-
背景が下まで表示されないんです。
-
table周辺の隙間をなくしたい。
-
form input テキストを上下中央...
-
CSSがなぜかfont-sizeだけ効か...
-
CSSで指定した背景画像にリンク...
-
html5 2段組で行頭を揃える方法
-
W3Cのソースコードの検証サービ...
-
footer を横幅いっぱいに広げる...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
widthやheightの数値に単位(px...
-
画像イメージの上下左右、欲し...
-
css初心者 フレックスボックス...
-
CSSでボックスのheightが0になる
-
CSS、width100%でもできる余白
-
CSS:animation開始位置の設定
-
スクロールボックスを中央に配...
-
form input テキストを上下中央...
-
表示倍率を変えるとレイアウト...
-
W3Cのソースコードの検証サービ...
-
<div>と<div>の間の10px程の...
-
CSSで背景画像を一番下にもって...
-
CSSがなぜかfont-sizeだけ効か...
-
table周辺の隙間をなくしたい。
-
footer を横幅いっぱいに広げる...
-
【CSS】ヘッダーの高さが不明の...
-
CSS3で角丸写真にシャドーを付...
-
定義リストに下線をつけたいと...
-
Media Queries 4 で 非推奨とな...
おすすめ情報