0

私はこれを何時間も理解しようとしてきたので、皆さんに尋ねるべきだと思いました.

だから私はサイトを持っています。画像、テキストなどのコンテンツを含むボックスがありました...

これは index.html でどのように見えるかです:

    <div id="aust-agder">
    <!-- agent address in the first region -->
    <p style="  background: #111;
                background: rgba(0,0,0,.8);
                color: #eee;
                position:absolute;
                z-index:95;
                top:500px;
                left:1050px;
                font: normal 20px 'Lucida Grande',Arial,sans-serif;
                padding: 0.6em 1.2em;
                text-shadow: 0 1px 0 #000;
                -moz-border-radius: 1.6em;
                -ms-border-radius: 1.6em;
                -o-border-radius: 1.6em;
                -webkit-border-radius: 1.6em;
                border-radius: .6em; ">
  Lillesand - Kjøreskole<br>
  Vi vil gratulere A4 Trafikkskole med Digital Skiltløsning<br>
  A4 Trafikkskole<br>
  A: <a href=http://g.co/maps/xybpd>Elvegata 2A, 4608 Kristiansand S</a><br>
  T: 38 02 56 00<br>
  E: <a href=mailto:post@a-4.no>post@a-4.no</a><br>
  Besøk hjemmesiden til <a href=http://www.a-4.no/>A4 Trafikkskole</a><br>

  <img src=images/test.jpg>
    </p>
  </div>

これを html に入れると、サイトは次のようになります: http://iseeit.no/maptest/working/

html から削除して css ファイルに入れると、正しい場合は次のようになります。

.aust-agder{
    background: #111;
    background: rgba(0,0,0,.8);
    color: #eee;
    position:absolute;
    z-index:95;
    top:500px;
    left:1050px;
    font: normal 20px 'Lucida Grande',Arial,sans-serif;
    padding: 0.6em 1.2em;
    text-shadow: 0 1px 0 #000;
    -moz-border-radius: 1.6em;
    -ms-border-radius: 1.6em;
    -o-border-radius: 1.6em;
    -webkit-border-radius: 1.6em;
    border-radius: .6em; 
}

そしてindex.htmlで：

    <div id="aust-agder">
    <!-- agent address in the first region -->
  Lillesand - Kjøreskole<br>
  Vi vil gratulere A4 Trafikkskole med Digital Skiltløsning<br>
  A4 Trafikkskole<br>
  A: <a href=http://g.co/maps/xybpd>Elvegata 2A, 4608 Kristiansand S</a><br>
  T: 38 02 56 00<br>
  E: <a href=mailto:post@a-4.no>post@a-4.no</a><br>
  Besøk hjemmesiden til <a href=http://www.a-4.no/>A4 Trafikkskole</a><br>

  <img src=images/test.jpg>
    </p>
  </div>

サイトは次のようになります: http://iseeit.no/maptest/not/

私はCSSの専門家ではないので、すべて間違っているかもしれません。

問題を明確にしていただければ幸いです。お気軽にお問い合わせください。英語が下手で申し訳ありません:)

また、 text-decoration: none; ではリンクの色を削除できないようです。そのための解決策はありますか？

4

4 に答える 4

3

</p>index.htmlに開始タグがないため、CSSをDIVに適用しようとしていることを願っています。その場合、css名の前に「。」ではなく「＃」を付けます。。それは次のようになります

    ＃aust-agder
    {{
        背景：＃111;
        背景：rgba（0,0,0、.8）;
        色：#eee;
        位置：絶対;
        z-index：95;
        top：500px;
        左：1050px;
        フォント：通常の20px'Lucida Grande'、Arial、sans-serif;
        パディング：0.6em 1.2em;
        text-shadow：0 1px 0＃000;
        -moz-border-radius：1.6em;
        -ms-border-radius：1.6em;
        -o-border-radius：1.6em;
        -webkit-border-radius：1.6em;
        境界線半径：.6em;
    }
于 2012-06-07T08:56:45.567 に答える
2

あなたのCSSに.aust-agderは、 aust-agder classのスタイルがあります。aust-agderas idを使用するため#aust-agder、CSS で使用する必要があります。

ID とクラスの CSS の詳細については、 w3schoolsを参照してください。

于 2012-06-07T08:48:35.547 に答える
2

あなたのcss#ではなく、使用してみてください：.

#aust-agder{
   background: #111;
   .....

.クラスのスタイリングに使用されます。特定idの を使用したスタイル要素については、次のリンクを参照してください: http://www.w3.org/TR/CSS2/selector.html#id-selectors

于 2012-06-07T08:47:01.570 に答える
1

CSS の aust-agder はクラスであり、HTML では ID です。使用する

#aust-agder代わりに.aust-agderまたはclass="aust-agder"代わりにid="aust-agder"

于 2012-06-07T08:47:30.477 に答える