Best way to break up a banner

windows

Guest
I'll try to explain this the best that I can...

So, I made a banner in PS like I have done a million times before. However, this is my first time trying to develop a site with full CSS instead of tables. I am also under some time constraints as I am doing this for an internship, so I don't have time to learn CSS the way I want to (for now at least, I fully plan on learning CSS the right way). What is the best way to break up a banner in PS for layout with CSS? The banner is 210 px tall, is made of a collage of images, has a logo on the left, and a member login bar that is opaque and overlaps the banner and the BG of the content section at the bottom right of the banner.

Originally, I thought it would be best to break the banner up in 3 columns, and two rows, then float the login and logo. Then, I changed my mind and broke the thing up into two rows with the login and logo seperate. I see already that it takes a differnet mind for CSS! lol Am I even on the right path here?? Any help is appreciated!! Thanks!

-DaveAnyone??Why does it need to be broken up in the first place? (Or, more likely, I don't really understand what you're doing?)

If I do understand, then I'd suggest making the graphic element of this a background image within a div (for which you can specifiy a fixed height and/or width as needed to show all of the image). Then make your member login bit a separate HTML element and float it right or use absolute positioning to put it in the right place.
 
Back
Top