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

  • Gwishin
    Portfolio advice/criticism
    Gwishin
    Hey guys!

    This is my first post here, and I was hoping to get some feedback and advice/crticism about my "work". Im very curious about what you guys think, specially the ones of...
    Today, 04:47 AM
  • crdunsto
    Freelance Work/Volunteer Experience on Resume/Applications
    crdunsto
    I'm applying to several colleges over the break (SVA, MICA, Memphis, MCAD, SCAD, FIT, Parsons), and need advice on how to reference my freelance work from late 2012 up to now.

    Name of Organization...
    Today, 03:52 AM
  • FredBouffard
    Reply to Law Firm Website Redesign
    FredBouffard
    Your website will always reflect the kind of business you offer so it is just in time that you update your client's website. I like the large header, but the text on the upper portion of it looks dated....
    Today, 01:29 AM
  • FredBouffard
    Reply to LOGO icon opinion
    FredBouffard
    Looks like a bull right but it needs a little bit of polishing and enhancements. Bulls have basically long, curved very pointed horns so you can work on that. And maybe fiercer eyes....
    Today, 01:23 AM
  • HotButton
    Comment on Anyone else only have a diploma¬Ņ?
    HotButton
    "but I have always been led to believe that the degree isn't as important as talent/know-how in graphic design..."

    Here, without a degree, it's not likely anyone will ever know...
    Yesterday, 08:51 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.
            Working...
            X