Announcement

Collapse
No announcement yet.

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

            Advertisement

            Collapse

            Latest Topics

            Collapse

            • PrintDriver
              Reply to Changing Color Mode
              PrintDriver
              Changing the color mode using File >Document color mode is what I was talking about
              It does mess with color values and certainly messes with Black. If you go from an RGB file with the Black swatch...
              Yesterday, 11:40 PM
            • Pavlo
              Comment on Logo Critique. Only hobby
              Pavlo
              I think what's off balance with the Royal Bank logo is the kerning. It's all over the place, especially between the 'Y' and the 'A'.

              To the OP: Looking closer at your other logos, kerning...
              Yesterday, 10:48 PM
            • AJP
              Reply to Sorry to add another "Logo Review" thread to the forum...but...
              AJP
              PD, thanks for the link. Will read up on SM vs TM.

              Regarding the logos -- no, I'm not opposed to the first, offsetting the "P." Curiously, I don't think it's so bad when I mock...
              Yesterday, 10:41 PM
            • PrintDriver
              Reply to Purchase font
              PrintDriver
              Here's the thing with some clients. They find fonts. Sometimes in weird and sometimes not so savory places.

              The only reference I can find of an LT 65 medium bold is on a free font download...
              Yesterday, 10:11 PM
            • PrintDriver
              Reply to Trouble to find resources
              PrintDriver
              There are literally hundreds of high quality stock photo sites out there.
              As well as font sites.
              There are also lots of sites related to car wrap art that have ''cool stuff.''
              Here's...
              Yesterday, 10:01 PM

            Incredible Stock
            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