The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS A CSS Nav Menu with the Variable Grid System

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #32466

    Hey everybody, I’m working on a website project for a webdev class. The site can be found here:

    I have a couple of questions:
    1. Right now I have my header nav displayed as a table and centered in header. I have a css nav menu that expands from the image in the center outwards. I’m wondering how I can stretch out the first and last child of the nav lists to touch the edge of the header.
    2. How do I use the grid system and keep the paper background displayed in between the margins?

    Any help is appreciated and if you need clarifications, please let me know!



    The edges of the first and last child ARE touching the edge of the header. The nav and the header are the same size. If you’re talking about the text in the nav, you have 64px of padding on first and last child which are getting in the way of them touching the header edge.

    Your second question I don’t quite understand. What area is the paper background not covering that you want covered? You set it to the background of whatever your containing tag is that all the elements you want with a paper background are inside. Your grid system to me a little confusing as you have all these class names like grid_12 and grid_3 but I don’t see much order to them without a lot of css cross-referencing. I take it you’re using them as guidelines to line things up? I’ve only use basic grids for layout design in photoshop so I may be misinterpreting their use here.

    Also see you’re using HTML 5 markup. Just a heads up that some of your tags on the incomplete lower part of the page are being used incorrectly.


    1. add this to your CSS:

    header nav { width: 100%; }

    2. I didn’t get it :)

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.