1

これはおそらくほとんどの人にとって非常に簡単なことですが、それは私の尻を蹴っています。Dreamweaver CS6を使用してビジネスのWebサイトを構築し、無料のWebサイトテンプレートからダウンロードしたテンプレートを編集しています。私が抱えている問題は、フッターの右側にあるリンクをフッターに合わせることができないことです。これがHTMLの問題なのかCSSの問題なのかわかりません。これが私が話していることの例です:

左マージン.........右マージン

ホーム...概要...ギャラリー...連絡先

リンクがいくつあるかは問題ではないようです。最後のリンクはフッターに張り出します。あなたが私に与えることができるどんな助けにも感謝します。ありがとうございました。

http://tinypic.com/r/2nvcljq/6

フィドル

#footer ul.navigation {
float: right;
display: inline-block;
line-height: 24px;
list-style: none;
margin: 0;
padding: 0;
}
#footer ul.navigation li {
float: left;
margin-left: 15px;
}
#footer ul.navigation li:first-child {
margin-left: 0;
}
#footer ul.navigation li a {
color: #ab7d0f;
font: 11px/24px "Oswald";
text-decoration: none;
text-transform: uppercase;
}
#footer ul.navigation li a:hover {
color: #241b18;
}
#footer #footnote {
color: #ab7d0f;
font: 11px/24px "Oswald";
margin: 0;
text-transform: uppercase;
}


<div id="footer">
    <div>
      <div id="links">
        <div class="showroom">

              <p>4885 Wilson Street<br> Victorville, CA 92392<br><br> 702-409-5373<br>
                <br> 
                  <a href="index.html">info@briarpatchfurniture.com</a>
          </p>
          </div>

        <ul class="navigation">
            <li><a href="index.html">Home</a>
                <a href="about.html">About</a><a href="gallery.html"> Gallery</a>
              <a href="contact.html">Contact</a>
            </li>
        </ul>
        <p id="footnote">
            © Copyright TIBISI, Inc 2013. All Rights Reserved.
      </p>
    </div>
</div>
4

2 に答える 2

1

これは私には正しく見えません:

<ul class="navigation">
    <li><a href="index.html">Home</a>
        <a href="about.html">About</a><a href="gallery.html"> Gallery</a>
        <a href="contact.html">Contact</a>
    </li>
</ul>

リストを使用することを意図した場合、マークアップは次のようになります。

<ul class="navigation">
    <li><a href="index.html">Home</a></li>
    <li><a href="about.html">About</a><a href="gallery.html"> Gallery</a></li>
    <li><a href="contact.html">Contact</a></li>
</ul>
于 2013-03-09T04:04:42.457 に答える
0

#footer ul.navigation現在のルールをこれに置き換えることをお勧めします

#footer ul.navigation {
    float: right;
    display: block;
    line-height: 24px;
    list-style: none;
    margin: 0;
    padding: 0 10px 0 0;
}

ただし、フィドルとページのフッターは同じようには見えません。

于 2013-03-09T04:02:29.817 に答える