Apple Zen Support Thread

[jonisolis]

remove width:70em; in the section above, and change margin:0 auto; to margin-right:30px;

Dear Jade,

Thanks for all the help.

OK I tried that, but the tagline and the logo outer wrapper are still too long. I really think I need to hire you to fix this and put the drop shadow behind the whole thing.
http://www.horse-logos.com/

[chadderuski]

Dear Jade,

Thanks for all the help.

OK I tried that, but the tagline and the logo outer wrapper are still too long. I really think I need to hire you to fix this and put the drop shadow behind the whole thing.
http://www.horse-logos.com/

May I offer an alternative solution? I found getting the text to behave well in the header difficult, so I made a second background image for the logoWrapperOuter div. you don't get to zoom in/out but it behaves predictably. You will have to set your tagline text to empty.

Here is a snippet of what I did in stylesheet.css:

#logoWrapperOuter {
margin:0 auto;
width:100%;
height: 75px; /* was 5em - em's let you size the div */
overflow:hidden;
/* background:url(../images/header-bg.gif) repeat-x; */
background-color:#AB2222;
background-image:url(../images/royal-info.gif);
background-repeat: no-repeat;
background-position: top right;
}

in use on my site:

http://royalindustriesinc.com/store