What would be the best way to add a logo slightly to the left and over a header?
example of what I'm talking about: <!-- m --><a class="postlink" href="http://img25.imageshack.us/img25/8471/header.gif">http://img25.imageshack.us/img25/8471/header.gif</a><!-- m -->
What I mean is, what would be the best way to position this logo, and should it be an image (I think so), or should I do an image replacement technique, etc.
Thanks.If you need to get it in an exact spot, I'd use position:absolute; then place it that way. Just keep in mind that takes it out of the flow of the page content, but the height setting of your header will likely keep page content from floating up into the logo area.
Is your header left aligned or centered or what? That could make a difference in how you do this.Originally posted by TomDenver
If you need to get it in an exact spot, I'd use position:absolute; then place it that way. Just keep in mind that takes it out of the flow of the page content, but the height setting of your header will likely keep page content from floating up into the logo area.
Is your header left aligned or centered or what? That could make a difference in how you do this.
Well, I haven't actually made it yet, but I was going to center it.
I could relatively position a container, but then it would limit how far away I can put the logo.
The thing is, I don't really want to make it absolute, because the edges wouldn't look nice unless I used PNGs, in which case I'd have to use some sort of hack for you-know-which-browser.
I could also make the whole header (including the logo) be a DIV with a background image that has the background color with the logo and banner. But if I were to center the whole container, then it wouldn't be exactly right, since it would calculate the logo width also.Nevermind, I just have to add margins to the content.Frankly, I'd make em into layers in photoshop, fuse em, and have 1 image.
example of what I'm talking about: <!-- m --><a class="postlink" href="http://img25.imageshack.us/img25/8471/header.gif">http://img25.imageshack.us/img25/8471/header.gif</a><!-- m -->
What I mean is, what would be the best way to position this logo, and should it be an image (I think so), or should I do an image replacement technique, etc.
Thanks.If you need to get it in an exact spot, I'd use position:absolute; then place it that way. Just keep in mind that takes it out of the flow of the page content, but the height setting of your header will likely keep page content from floating up into the logo area.
Is your header left aligned or centered or what? That could make a difference in how you do this.Originally posted by TomDenver
If you need to get it in an exact spot, I'd use position:absolute; then place it that way. Just keep in mind that takes it out of the flow of the page content, but the height setting of your header will likely keep page content from floating up into the logo area.
Is your header left aligned or centered or what? That could make a difference in how you do this.
Well, I haven't actually made it yet, but I was going to center it.
I could relatively position a container, but then it would limit how far away I can put the logo.
The thing is, I don't really want to make it absolute, because the edges wouldn't look nice unless I used PNGs, in which case I'd have to use some sort of hack for you-know-which-browser.
I could also make the whole header (including the logo) be a DIV with a background image that has the background color with the logo and banner. But if I were to center the whole container, then it wouldn't be exactly right, since it would calculate the logo width also.Nevermind, I just have to add margins to the content.Frankly, I'd make em into layers in photoshop, fuse em, and have 1 image.