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

  • PrintDriver
    Reply to free upload area?
    PrintDriver
    Hightail is free up to a point under a certain filesize.
    Same goes for Dropbox.
    They are different services though. Hightail, your recipient gets a download link and doesn't require they have...
    Today, 05:35 PM
  • garricks
    Reply to free upload area?
    garricks
    Dropbox & Google Drive, and there's a Microsoft cloud service as well…can't remember the name. Apple also has cloud storage.
    Today, 05:13 PM
  • StudioMonkey
    Reply to Font ID - curly informal font
    StudioMonkey
    Thanks, ISitude - you are my hero. This was a new one on me.
    Today, 05:08 PM
  • Salt
    Hi I'm Salt.
    Salt
    Hello everyone. Henceforth I shall go by name of Salt on these forums, like I do on every other one I use. I am an artist and animator, and I'd like to learn graphic design and this forum looked like...
    Today, 05:03 PM
  • Designia
    Reply to Working on a logo for myself
    Designia
    I keep looking for flames in the lines of the wings so they're not really working as feathers or flames to me. I really like the color overlay,.
    Today, 04:56 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