Announcement

Collapse

Critical Announcement

With great regret, we would like to inform you that the decision has been made to close down www.GraphicDesignForum.com as of January 31, 2018.

The community has started www.GraphicDesignForum.org to continue the discussion.
See more
See less

centering footer text

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • centering footer text

    I canít seem to center the text within the footer all of a suddern. Have i missed something? I haven't had this problem before.


    <div id="footer">

    <div id="footer-links">

    <li class="sub-li"><a href="#">Home</a></li>
    <li class="sub-li"><a href="#">Image Gallery</a></li>
    <li class="sub-li"><a href="#">Artist Bios</a></li>
    <li class="sub-li"><a href="#">Interviews</a></li>
    <li class="sub-li"><a href="#">Contact Us</a></li>


    </div> <!------footer links------>

    <div class="center-text">
    <p class="p-small">For all enquiries, bookings, current DJ mix tapes / cds or current artists promotional material.</p>
    <p class="p-small">Please contact SA Management. Telephone: </p>
    </div>

    </div> <!------footer------>

    #footer {
    width: 800px;
    height: 91px;
    float: left;
    text-align:center;
    margin-left: 5px;
    clear: both;
    background-color:#00CCFF;
    background-image: url(../images/slices/footer.jpg);
    }
    #footer-links {
    width: 800px;
    height: 34px;
    float: left;
    margin-left: 0px;
    clear: both;
    text-align:center;
    background-color:#CCCC00;
    background-image: url(../images/slices/sub-footer.jpg);
    }
    .center-text {
    width: 100%;
    height: auto;
    text-align:center;
    }


  • #2
    Its ok i have done it. To many floats.

    Comment


    • #3
      Ok I still cannot center the links. Itís getting very frustrating.


      .sub-li {
      display:inline;
      list-style:none;
      padding: 5px;
      text-align:center;
      }
      #footer {
      width: 799px;
      height: 100px;
      margin-left: 5px;
      text-align:center;
      background-color: #660033;
      }
      #footer-bottom {
      width: 799px;
      height: 24px;
      margin-left: 42px;
      margin-bottom: 20px;
      background-repeat: no-repeat;
      background-image: url(../images/slices/footer-bottom.jpg);
      }
      #footer-links {
      width: 799px;
      height: 34px;
      margin-left: 5px;
      clear: both;
      text-align:center;
      background-color:#CCCC00;
      background-image: url(../images/slices/sub-footer.jpg);
      }

      Comment


      • #4
        give the ul a width and set the margin to 0 auto...
        Monarchs Rule!

        Comment


        • #5
          Do you mean like this?
          Its still not working.

          I got the p tag to center ok after awhile but for some reason the li tags don't.


          <div id="footer-links">
          <ul>
          <li class="sub-li"><a href="#">Home</a></li>
          <li class="sub-li"><a href="#">Image Gallery</a></li>
          <li class="sub-li"><a href="#">Artist Bios</a></li>
          <li class="sub-li"><a href="#">Interviews</a></li>
          <li class="sub-li"><a href="#">Contact Us</a></li>
          </ul>
          </div> <!------footer links------>
          ul {
          width: 100%;
          height: auto;
          margin: 0 auto;
          text-align:center;
          }

          Comment


          • #6
            Ignore me it worked. I shouldnít have given it a width of 100%. Thank you!

            Comment

            Search

            Collapse

            Sponsor

            Collapse

            Latest Topics

            Collapse

            GDF A division of Mediabistro Holdings Adweek | Mediabistro | Clio | Film Expo Group Contact Us | Terms of Use | Privacy Policy Copyright © 2016 Mediabistro Holdings
            Working...
            X