OK, I've exhausted myself reading various threads and trying to figure this out for a number of weeks now. I finally got the logo placed and it almost looks right, but I have two problems. Please help!
(1) The logo is still a bit squashed.
Here is how it should look:
AlphaSmith Logo
Here is how it looks in the header:
Mushy Logo
How do I get the image to stop stretching and smooshing?
(2) I was able to move the orange search bar down by changing the height in #header .line1 in the CSS, but now the bar simply covers the top of the lower parts of the page, rather than shifting everything down.
How can I get all the various pages to align correctly?
The header CSS I now have is below.
Thank you for your assistance.
/*
header styles
*/
#header .line1 {
position: relative;
height: 125px;
direction: ltr;
}
#header .line1 .logo {
margin-left: 27px;
width: 885px;
}
#header .line1 .logo a img {
width: 370px;
height: 125px;
}