I need CSS help!

Discussion in 'CSS' started by exponent, Dec 22, 2006.

  1. #1
    I'm new to the whole CSS thing. I've been looking at the template located at: http://www.glish.com/css/7.asp because its similar to what I'm looking to create.

    My question is: Would it be possible to manipulate the CSS to create a page similar to what I've drawn below:

    [​IMG]

    The green area is an image, the map is provided by Google Maps API, and the two white areas are just showing areas where I would like editable text. The black bar at the top has search as well as the links on the left.

    Basically, I'm just not sure how seperate the rows and columns so that my logo can appear where it does in the picture.
     
    exponent, Dec 22, 2006 IP
  2. weknowtheworld

    weknowtheworld Guest

    Messages:
    306
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Anything is possible by CSS..
     
    weknowtheworld, Dec 22, 2006 IP
  3. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Yes, it's possible. I'd use a H1 (containing an empty span) for the "Explore the US" logo, float that to the left, then have a DIV with the top menu and search area (as an unordered list and properly structured form, of course) floated to the right of that.

    THEN, I would clear (on both sides) the unordered list on the side navigation panel (which would be another unordered list), then float that to the left (giving it a width, of course), and then use a negative top margin on the main content area to push that up to the search bar/top menu.

    How you want the contents of the content area to be styled will depend on their position in the source code order (within the <div id="content"></div> tags of course).
     
    Dan Schulz, Dec 24, 2006 IP