Help with first blog design.

Discussion in 'CSS' started by bluemanteam, Jun 2, 2008.

  1. #1
    I'm just learning to design and put some tips that I picked up to create the blog design at http://june01.byethost10.com/wordpress/ .

    It's no where near finished, but I need some help with 2 points.

    1. On the navigational bar, the items are listed vertically, not horizontally. How do I get them to list horizontally?

    2. I am currently using 2 background images, one for the content section and another for the sidebar.

    As it stands now, the sidebar is much longer and as a result, it looks a little odd to see the purple under the main content part.

    How would I go about using just a single background image that spans the content and sidebar so that they are always the same size to the footer and no background color (purple) shows through.

    Thank you.
     
    bluemanteam, Jun 2, 2008 IP
  2. CaffinePhil

    CaffinePhil Banned

    Messages:
    945
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Not sure about point 2 but for point 1 have you tried looking at

    display:inlinel
     
    CaffinePhil, Jun 3, 2008 IP
  3. rochow

    rochow Notable Member

    Messages:
    3,991
    Likes Received:
    245
    Best Answers:
    0
    Trophy Points:
    240
    #3
    You seem to have solved #1

    In regards to #2, make it 1 big background image (instead of 1 for the content, 1 for the sidebar) and put it on #wrapper. That way, both columns will look the same length, regardless of which is longer :)
     
    rochow, Jun 3, 2008 IP
  4. bluemanteam

    bluemanteam Peon

    Messages:
    169
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Thanks guys for your help, this has been a real good learning experience to see how a theme works.

    Yes, inline did fix the first issue about a horizontal navigational bar. I found this on another blog, but one of the things that blog cautioned about was anything right below the div may appear vertical as well. To prevent this, you need to use a clear:both command, but from what I can see, I didn't have this issue, so I'm not sure if I still need it?

    For the second issue, thank you, I'm going to try and add the background image to the wrapper, that should fix the issue.
     
    bluemanteam, Jun 3, 2008 IP