Right justify

Discussion in 'HTML & Website Design' started by Clutch Technology, May 11, 2011.

  1. #1
    Having trouble right justifying my top tab bar. Right now its centered and I want it over on the right. Anyone see how to fix that in my code?

    Home, About, Recommended, Social, Services, Contact

    http://clutchtechnology.net/
     
    Clutch Technology, May 11, 2011 IP
  2. serversea

    serversea Peon

    Messages:
    190
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    In the css for div SliderName_2,

    text-align:right; will move your text on right side.
     
    serversea, May 11, 2011 IP
  3. Clutch Technology

    Clutch Technology Peon

    Messages:
    40
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Like this?

     
    Last edited: May 12, 2011
    Clutch Technology, May 12, 2011 IP
  4. 7thand43rd

    7thand43rd Member

    Messages:
    84
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    43
    #4
    If you are trying to move your navigation bar (Which I think is what you are talking about) this moves it to the right and aligns it with the bottom of the logo.

    
    #nav_bar {
         background-color: white;
         float: right;
         font-size: 12px;
         color: #666;
         width: 550px;
         margin-top: 35px;
    }
    
    Code (markup):
     
    7thand43rd, May 12, 2011 IP
  5. GasArts.com

    GasArts.com Peon

    Messages:
    18
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    use float:right; in your top tab bar div container. this will align your top tab bar to the right.
    there's another way which is float:left; then use margin-left to move your top tab bar to the desired position.
    I recommend you use the 1st method
     
    GasArts.com, May 12, 2011 IP
  6. Clutch Technology

    Clutch Technology Peon

    Messages:
    40
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Still not justified to the right.

     
    Clutch Technology, Oct 24, 2011 IP
  7. itpixelz

    itpixelz Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    i have checked your problum you can fix this problum, float right your ul to do it.
     
    itpixelz, Oct 25, 2011 IP
  8. Clutch Technology

    Clutch Technology Peon

    Messages:
    40
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    How would this be done in the code?
     
    Clutch Technology, Oct 25, 2011 IP
  9. Toycel

    Toycel Peon

    Messages:
    243
    Likes Received:
    11
    Best Answers:
    4
    Trophy Points:
    0
    #9
    #nav_bar {
        background-color: white;
        color: #666666;
        float: right;
        font-size: 12px;
        margin-top: 60px;
        padding-left: 75px;
    }
    Code (markup):
    I have just been using Firebug in FF and have come up with this Seems to work. If it is too far right then lower the Padding value
     
    Toycel, Oct 28, 2011 IP