1

私はウェブ構築が初めてです。現在、画像ギャラリーを作成するためのチュートリアルに従っています。 http://www.webreference.com/programming/css_gallery/index.html

サムネイルセクションを除いて、すべて問題なく動作します（自分の好みに合わせて修正するのに十分です）。以下は、私が求めるヘルプに関連すると思われるサムネイルの html と css のスニペットです。基本的にサムネイルにカーソルを合わせると、上のページのフリースペースにメイン画像が表示されます。その種の作品 (画像は適切な場所に表示されませんが、問題なく修正できます) が、サムネイルに画像が表示されません。

html に既にコンテナーがあり、チュートリアルに従って新しい css の影響を受けないように、コンテナー div を「gallery」に変更しました...

html:

 <li> 
      <a class="gallery slidea" href="#nogo"> 
        <span> 
          <img src="images/Picture 014.jpg" alt="Wedding" title="Wedding" /> 
          <br /> 
          Wedding
      <br /> 
        Outside area wedding
        </span> 
      </a> 
    </li>

CSS:

#gallery a.slidea {
background:url(images/Picture 014 thumb.jpg);
height:38px;
width:50px;
}

また、私の CSS については、W3C バリデーターは " #gallery a.slidea " Value Error : background Parse Error thumb.jpg) と表示していますが、これは理解できません。

助けていただければ幸いです:D

乾杯

PS私はこのウェブサイトをワードプレスに載せることを検討しています（これはチュートリアルであり、後でさらに成功することを願っています）

4

2 に答える 2

0

あなたのエラーはここにあります：

background:url(images/Picture 014 thumb.jpg);

そのスペースはそれを捨てています。URL を引用符で囲みます。

background:url('images/Picture 014 thumb.jpg');

もう 1 つの問題は HTML にあります。

あなたのCSSは言う#gallery a.slidea

これは、「gallery」の ID を持つ要素にあるクラス「slidea」のすべてのリンクを指します。あなたの HTML は、リンクのクラスが「gallery」および「slidea」であることを示しています。それを行う正しい方法は、目的によって異なります。

于 2013-03-29T02:22:39.097 に答える
0

クラスへの呼び出しがクラスの名前と一致しません

 <a class="gallery slidea" href="#nogo">

呼んでいる

 #gallery a.slidea {

それらを同じ名前にしてみてください。

 <a class="gallery_slide" href="#nogo"> 

 #gallery_slide a {
于 2013-03-29T02:13:30.043 に答える