Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Sep 2004
    Posts
    24
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Need help with 2 things...

    I'm trying to get this layout to lay out correctly, but I'm having some trouble...

    http://cvct.ath.cx/

    That is the link to the site. One problem is that both the navigation image (the black one at the top) and the footer image (the one at the bottom with the Copyright) seem to extend into the right border of the background image (the side images with the fade effect). This is the minor of my two problems, but I would still like to fix it.

    The second problem is that I'm trying to keep the links in the navigation in an unordered list but I cannot get them to display next to one another. I trire float:left; on the '.nav li' element but that just messed it up more.

    I know there is probably a simple explanation to both of these questions but I am struggling to find it. Any help is appreciated. Also, if you have reccomendations on how I can clean up either the CSS or XHTML better (I think the XHTML is fine, but the CSS could probably use some work) I would be thankful!

  • #2
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    POSTING GUIDELINES

    The first issue is because the bg image for the container is fixed, but everything else is fluid. So as the browser window is resized nothing is going to line up. You're going to have to pick between a fixed or a fluid layout and work from there.

    The second issue is because you don't have any width assigned to the links or list items, so when you float them, each one will take up all the space available. Pick a width, then try floating. Don't forget to clear the float when you're done with the list. See this tutorial for more.

  • #3
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    i'll answer here to, i've answered this question for the same person on a diff forum, you have a right padding of 16px in the container div, and you have align:center; in the css for your body, that should be text-align:center; but its probably just a typo on ur part, adding display:inline; to the the li's in css you can get them to go horizontal


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •