Subscribe to
Posts
Comments
NSLog(); Header Image

Stupid CSS

I'm very frustrated with CSS right now. I'm sure I'm brain farting, but I can't figure out how to do something and I'm about to give up and use a table. I've got an 85 x 85 image (the site's logo) that will go in the top left corner of a Web page. To the right, I've got a 500 x 40 image with a 3-pixel line at the bottom (the site's title). Beneath that, I've got six other images (the site's menu), all 30 pixels high.

I can easily arrange that. What I can't seem to get is a background image to appear and be 100% wide - it's a line that is meant to "extend" the line in title image. I've tried arranging the DIVs as many ways as I can think of. I can get the menu to the right of the logo, beneath the title, but then the background line doesn't extend all the way to the right-hand side of the browser. The list goes on and on…

So now I've cheated. I didn't use tables, but I did set the lined image as the background image for the site, without y-tiling. This is only temporary - I'll need to use an actual background image eventually, and then I'll be back to square one. For the mockup, for now, this will suffice.

If you wish to try your hand at this, by all means, AIM me. Problem solved, or rather, "worked around."

2 Responses to "Stupid CSS"

  1. No idea if this has anything to do with CSS but recently your page has shown up completley blank when I view it with Mozilla. (Used to work fine - just noticed this in the past couple of weeks or so.)

  2. I haven't changed this site's CSS in quite some time.