Look at canvas.css, you will see that the width of the containg table is 760px (default) I reduced the padding on the #tagline H1 and H2 in header.css which reduced the height of the header box.
I set an image cahriweb.jpg w:760 h:150 as a backround for #header in canvas.css
#header
{
border-bottom: none;
background: #aec7a5 url(/images/cahriweb.jpg) top left no-repeat;
}
Setting the image as a background means it can be any size if it repeats, or a minimum width of 760px if it is not going to repeat and high enough so if folks enlarge or zoom text settings there is enough image depth to still fill the header space.
In my example, if you step up the text-size twice in Firefox you’ll see what I mean about losing the depth… http://organicgardensite.com/
HTH
~Kevin
And you are just in time for a new article on this in the Codex:
http://codex.wordpress.org/Designing_Headers
Lorelle,
That’s a tremendous amount of reference work there… Well Done! I’m impressed! Kudos!
The Semiologic theme header is in a table. I didn’t want my image to be a background, so I just added a second cell to the table row. The result is the title on one side and the image on the other. Pretty simple. You can see it here on an a new site I’m working on.
http://www.mrsimmons.net/wordpress/
