PDA

View Full Version : Header Help


Nimai
Jul-01-2006, 03:13 PM
I added a custom header with the following code:

CSS

#eef {
width: 54px;
height: 57px;
background: url(http://img128.imageshack.us/img128/6359/eefs19gk.png);
_background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=image, src='http://img128.imageshack.us/img128/6359/eefs19gk.png');
}

Header
<table align="center"><tr><td><div id="eef"></div></td><td>All proceeds from sales go to support the <a href="http://www.eaneseducationfoundation.org/">Eanes Education Foundation</a>.<br/>In the short time since I began this site, over <b>$200</b> has been raised for our schools.<br/>Thank you for all of your support!</td></tr></table>

There are two things I don't like about the results:
1. When used with themes that have a border, the border breaks around my header. (Try the Graffiti theme for an extreme example.) How do I maintain a theme's border?

2. I used a table for formating, which I hear is frowned upon. This problem is purely an HTML problem. Any suggestions for keeping the logo on the left, cetered vertically, with the paragraph on the right?

Thanks!

Andy
Jul-01-2006, 05:31 PM
Hi. First of all - please eschew the colors. Very hard for us to read your post with all those colors, thanks!

I removed all the color codes. I'll look now...

Andy
Jul-01-2006, 05:36 PM
Well, first of all, yah, lose the table stuff.

Something like this:

<div id="eef"></div>
<div id="eefText">All proceeds from sales go to support the <a href="http://www.eaneseducationfoundation.org/">Eanes Education Foundation</a>.<br/>In the short time since I began this site, over <b>$200</b> has been raised for our schools.<br/>Thank you for all of your support!</div>

and then use CSS to style and position #eef and #eefText. K?


Secondly, you can't always have your own header and a theme working.. Grafitti is an example. Best you can do with that is to NOT show the smugmug header, too. Try it. Or, try another theme :)

Nimai
Jul-01-2006, 07:33 PM
Hi. First of all - please eschew the colors. Very hard for us to read your post with all those colors, thanks!

I removed all the color codes. I'll look now...I just had the section-titles colored, right? I was just trying to make it look like the Smugmug|Customize page.:D (green section headers)

You can't always have your own header and a theme working.. Grafitti is an example. Best you can do with that is to NOT show the smugmug header, too. Try it. Or, try another theme :)Wow- an honest-to-goodness "ya just can't do that" answer!? Cool. OK Most styles work fine, so no biggie.