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

  • arielr190
    Reply to Opinions on My Logo?
    arielr190
    I see. I guess I was too worried that if I used a thicker type face, it will compete with the name too much. I could definitely try though....
    Today, 02:20 PM
  • seamas
    Reply to Lion Vector Logo
    seamas
    Nice lion.

    I think the color one has just a little too much going on--too much of the extra shadowing and the off register shapes and the highlight around the dark outline make it blurry....
    Today, 01:52 PM
  • kemingMatters
    Comment on Are you able to read the text?
    kemingMatters
    ... passed for the very first time,
    like a bill - ill - ill - board,
    read in a heartbeat,
    or less time...

    that is all.
    Today, 01:52 PM
  • seamas
    Reply to Opinions on My Logo?
    seamas
    Might be.
    Consider ads that you might place in print, events you might participate in the future.
    Even on a business card, that thin face in a knockout is tricky. I would find one with more...
    Today, 01:48 PM
  • kemingMatters
    Comment on Opinions on My Logo?
    kemingMatters
    That tagline will probably fall apart on a business card, unless it occupies nearly 2" square (that's roughly two thirds of one side of the card)
    Today, 01:47 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