2

私が取り組んでいるウェブサイトは次のとおりです: http://cinicraft.com/Silverman/index.html

いくつかのボタンを作成しようとしていますが、CSSは効果がありません。これが起こるまで、私のこの契約はすべて順調に進んでいました。文字通り、「在庫」セクションの各アイテムの周りに単純なボックスを作成したいのですが、何も起こりません。

HTML5コードは次のとおりです。

<div class="btn1inv">
MACHINE SCREWS
</div>

CSSコードは次のとおりです。

/*Machine Screws*/
div.btn1inv
{
text-align:center;
background-color: #ff0404;
width:150px;
height:50px;
padding:1px;
margin:5px;
}

そして、MACHINE SCREWS には何も起こっていません。CSSコードにもかかわらず、HTML5はそれを無視することを決定し、ボックスを描画していません。divまったく機能していません。この問題の原因は何ですか? このCSSを適用しようとしているだけなので、ランダムな醜い色を選びました。

4

3 に答える 3

6

CSS ファイル「style.css」にエラーがあります。上記の問題は次のとおりdiv.btn1invです。

.everything
{
    position:absolute;
    top: 85px;
    left:0px;
    right:0px;
    bottom:0px;
    overflow-y:scroll;        
}​ /* < delete this "​" */

/*Machine Screws*/
div.btn1inv
{
    text-align:center;
    background-color: #ff0404;
    width:150px;
    height:50px;
    padding:1px;
    margin:5px;
}
于 2013-09-09T06:52:12.280 に答える
0

w3.org css 検証ツールを使用して css を実行します。返された最後のエラー要素 (スタイルを設定したい .btn1inv ) までスクロールします。エラーの内容を確認してください。

http://jigsaw.w3.org/css-validator/validator?profile=css3&warning=0&uri=http%3A%2F%2Fcinicraft.com%2FSilverman%2Findex.html

エラーをチェックするためのツールがある場合は、最初にそれらを使用する価値があります。=)

于 2013-09-09T07:32:56.377 に答える
0
  1. chrome を使用して、ファイル css に基づいてインライン css を直接追加しましたが、動作します。
  2. style.css に飛び込んでみると、興味深いことに、chrome を使用してソースを表示すると、99 行目に赤い点が表示されます。この行は div.btn1inv 行の直前にあります。

それで、不正な文字がないかどうかを確認できますか？

編集 -- Michal の投稿から、「​」の文字があります。

于 2013-09-09T06:55:02.583 に答える