Announcement Announcement Module
Collapse
No announcement yet.
centering footer text Page Title Module
Move Remove Collapse
Search Search Module
Collapse

Advertisement Advertisement Module
Collapse

Featured Images Featured Images Module
Collapse

Mediabistro Creative Sites Mediabistro Creative Sites Module
Collapse
Latest Topics Latest Topics Module
Collapse

  • KitchWitch
    Reply to Created Logo in PS, question about file
    KitchWitch
    Hi Chromez and welcome to GDF.

    We ask all new members to read very important links here and here. These explain the rules, how the forum runs and a few inside jokes. No, you haven't done...
    Today, 02:17 AM
  • Saint-Michel
    Reply to Legal size cardstock for business cards
    Saint-Michel
    Thank you for your answer PrintDriver. Seems like I was misinformed. I'll probably have to buy another printer that can print on thicker card stock then. Do you have any suggestions as to what printer...
    Yesterday, 11:30 PM
  • zablockit
    Reply to Please critique my new game design
    zablockit


    Ok, skeuomorphic looks awesome!

    What do you think now?

    What would you improve?...
    Yesterday, 09:11 PM
  • lowfatgraphics
    Reply to Font Management
    lowfatgraphics
    Thanks.

    I was testing the Font Suitcase and seems to be screwing with my Chrome bowsers...after some googling--looks like its a known issue. FEX it is then.

    Thanks Garricks....
    Yesterday, 08:29 PM
  • <b>
    Comment on RIP: The Necrology Thread
    <b>
    As just a listener of music, his work with Cream, along with Eric Clapton and Ginger Baker, have been among my most favorite pieces of music since I was just a kid. Somehow it always manages to surprise...
    Yesterday, 07:25 PM
Advertisement Advertisement Module
Collapse

Sponsors Sponsors Module
Collapse

X
Conversation Detail Module
Collapse
  • 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

            Mediabistro A division of Prometheus Global Media home | site map | advertising/sponsorships | careers | contact us | help courses | browse jobs | freelancers | content | member benefits | reprints & permissions terms of use | privacy policy Copyright © 2014 Mediabistro Inc. call (212) 389-2000 or email us
            Working...
            X