Trying To Get An Image To Line Up

Discussion in 'HTML & Website Design' started by bad_bob00, Feb 18, 2010.

  1. OhJay

    OhJay Peon

    Messages:
    34
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #21
    Ok, well, first thing you want to make your container div a fixed width, otherwise the navigation buttons are wrapping when the window is scaled. You want this at least 982px wide to fit the nav all on one line, you could make this a min-width or just width: 982px; Then you want to add a bit of a margin to the container div to emulate the mockup, around 40px should do it. Finally, you want to add a border value value to the container div to give it a black border - border: 2px solid#000. Altogether the changes to the container div in your CSS should look like this:

    border:2px solid #000000;
    margin:40px;
    width:982px;

    excuse the formatting, for some reason Return isn't working in the reply box for me at the moment (?) Had to copy+paste carriage returns wtf :p
     
    OhJay, Mar 4, 2010 IP
  2. bad_bob00

    bad_bob00 Active Member

    Messages:
    3,472
    Likes Received:
    56
    Best Answers:
    0
    Trophy Points:
    90
    #22
    Thanks again OhJay!

    I've uploaded the changes, you can see it at www.paidskillgames.com

    The only problem now is that its not aligned centrally - seems to be aligned to the left of the page. Any idea how to make it more central?

    Again, thank you for the help!
     
    bad_bob00, Mar 9, 2010 IP