0

私は学習の過程にいますが、問題があります。cssの背景画像でフッターを作成し、リンクにしました。使用されたテキストインデント: -9999px; フッター画像の上にある H1 を削除します。h1 をそこに記述して意味的に正しくするように言われたので、検索エンジンはまだそれを認識しています。そして、テキストインデントで非表示にします。そのフッターの上に、リンクとしてクリックできる 4 つのソーシャル メディア アイコンを配置したいと考えています。私は立ち往生し続けます。

<footer id="footer">
   <section id="socialmedia">

       <a href="http://www.facebook.com/BenoitBelgium">
                <img src="../images/facebook.png" width="56" height="54" alt="Facebook icon" title="Go to Facebook."  />
       </a>

       <a href="http://www.facebook.com/brilliantben">
                <img src="../images/pinterest.png" width="54" height="54" alt="Pinterest icon" title="Go to Pinterest"  />
       </a>



       <a href="http://www.facebook.com/BenoitBelgium">
                <img src="../images/twitter.png" width="54" height="54" alt="Twitter icon" title="Go to Twitter."  />
       </a>

       <a href="http://www.facebook.com/BenoitBelgium">
                <img src="../images/behance.png" width="55" height="54" alt="Behance icon" title="Go to Behance."  />
       </a>

   </section>

        <h1><a href="#">Goodbye, feel free to follow</a></h1>
</footer>

そしてこれが私のCSSです。

#footer {
    background-image: url(../images/footer.png);
    height:214px;
    width: 960px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    border-style: solid;
    border-width: 1px;

}

#footer a {
    text-indent: -9999px;
    height:214px;
    width:100%;
    display:block;


}

これは私が作ろうとしているフッターです。

ありがとう

4

3 に答える 3

0

text-indent画像を見えなくするのは です。それを除く。

#footer a {
    height:214px;
    width:100%;
    display:block;
}
于 2013-10-14T21:51:32.173 に答える
0

css でアイコン リンクを作成する必要があります。アイコンごとに 1 つ必要です。

.facebook a:link { width: 214px; height: ここに高さを追加します margin-right: 15px; 表示ブロック; background:transparent url('../images/facebook.png')center bottom no-repeat; 背景サイズ:25px 25px;

}

この div をフッターの必要な場所に配置します。

他のアイコンの繰り返しセット

于 2013-10-14T22:02:53.200 に答える
0

Matewka は、テキスト インデントを削除するだけです。サイトに表示したくないテキストを削除するためだけに必要ですが、seo ボットに表示する必要があります。

于 2013-10-14T22:05:20.903 に答える