My CSS does not look right...

[sdamos1]

Ok, my template page is here: http://donmattingly.com/test.html

The Zen Cart test area is here: http://www.donmattingly.com/shop/

I need the top of Zen Cart to look exactly like the test.html header, and footer for that matter, but I am working only with the header right now, but as you can see, I am using only the stylesheet.css file, with my css added in. I have removed several text related sections from the css file, but it still is not fixed. As it is, I had to change the valign from bottom to middle, just to get the mailing list box in the right place. I also have differences in some of the table heights that I have to figure out.

Any suggestions?

[dbltoe]

first, get rid of the multiple css files. Merge if you can but more than one will only be a constant hindrance.
Second, get a copy of firefox, with add-ons like firebug. It will tell you where the divs are that you can set your existing header "parts" into. Zen is the engine to the car. Once you get the motor mounts right the engine will fit inside any body. You can use the firebug to find out the size and spacing of those motor mounts.

[sdamos1]

I am using only the stylesheet.css. Any other ideas?

[kuroi]

What you describe as the stylesheet for you site, isn't. It's an HTML page that you have renamed as stylesheet.css and which actually contains no CSS whatsoever. This is the main reason why it doesn't work.

However, even if you applied your main site's stylesheet (which as actually called globalcss.css) to your Zen Cart, it would have only limited impact since, aside from a few very common tags such as body and HTML links, the stylesheet styles IDs and classes that you have on your main site, but which don't exist in Zen Cart.

[sdamos1]

I do not understand what you mean. Test.html is the only file I am working with. Every other page at donmattingly.com is old and is not relevant to my current issue. Test.html calls specifically for dmonline.css and that file has css in it. I have placed that css into the stylesheet.css file in the css folder for my zen cart template. Globalcss should have nothing to do with test.html, only the rest of the site. Please help advise me on how to make the header at http://www.donmattingly.com/shop - look exactly like the header found at http://www.donmattingly.com/test.html.

[clydejones]

I do not understand what you mean. Test.html is the only file I am working with. Every other page at donmattingly.com is old and is not relevant to my current issue. Test.html calls specifically for dmonline.css and that file has css in it. I have placed that css into the stylesheet.css file in the css folder for my zen cart template. Globalcss should have nothing to do with test.html, only the rest of the site. Please help advise me on how to make the header at http://www.donmattingly.com/shop - look exactly like the header found at http://www.donmattingly.com/test.html.

You have two stylesheet.css files (both called stylesheet.css)
one of those files contains no css in it at all it is an html page.
Get rid of this file before going any further.

[sdamos1]

Ok, dbltoe, thank you for the Firefox recommendation. That has allowed me to edit it on the fly. I am getting closer on the header. Please take another look, I have a few more issues. First, if you open two tabs and go between http://www.donmattingly.com/test.html and http://www.donmattingly.com/shop, you will see a small horizontl shift in all of the information, in Firefox. In IE there is a vertical shift. That is not a big deal now, but may mess things up when I add a graphic. Any idea what is causing this between the two browsers?

Second, where can I find the element for the Search button so I can make the button 53px so the entire word shows?

Thanks.

[clydejones]

dmonline.css is not a CSS file it is an html page and should not be included in your css folder.