Positioning links

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • SHELBY
    New Member
    • Jul 2010
    • 2

    Positioning links

    Hello, and I was wondering if anyone could help me with positioning on this page : hullothare.tumb lr.com

    my 'archive, rss and ask' links for some reason aren't centering property. I've tried adding codes such as background-position:center ; in the style tag, and I've tried putting the most obvious <center> </center> in the container.

    If someone could help it would be greatly appreciated!
  • TheServant
    Recognized Expert Top Contributor
    • Feb 2008
    • 1168

    #2
    It looks like a blank page to me... Nice gray background though... With regards to centering, <center> is not the best way to go. Instead, use CSS to give your containing <div> the property:
    Code:
    margin: 0 auto;
    That should center it.

    Comment

    • SHELBY
      New Member
      • Jul 2010
      • 2

      #3
      I'm not sure why it isn't working in Internet Explorer since I coded it in Dream Weaver. Hmm, is there any other way to center it? Because it didn't work ?

      Comment

      • TheServant
        Recognized Expert Top Contributor
        • Feb 2008
        • 1168

        #4
        Try removing the <!-- just above your body CSS property.

        From what I see in the HTML, you either want to put your links into a div, and center that div:
        Code:
        <div style="margin: 0 auto;">
        <a href="vampirified.tumblr.com" class="BAR"> ARCHIVE</a>
        <a href="vampirified.tumblr.com" class="BAR"> RSS</a>
        <a href="vampirified.tumblr.com" class="BAR"> ASK</a>
        </div>
        Or give your BAR class the property:
        Code:
        text-align: center;
        The margin: 0 auto; trick is generally for centering containers which are within other containers, while text-align is for centering text in a container.

        Comment

        Working...