My CSS does not look right...

31 Dec 2007, 22:54

#1

New Zenner

Join Date:: Dec 2007
Posts:: 5
Plugin Contributions:: 0

My CSS does not look right...

I have a CSS file for my main site. I copied to the Zen Cart CSS folder and added the URL to the header file that points directly to it. Yet somehow, the text in my header, the search box for my mailing list join, and the sizes of some of my tables, do not look like the rest of my site. I even tried copying my CSS into the stylesheet.css file directly, and they still look different. My stylesheet names are different than that of ZC so there should not be any overlap there either. Whey does the header not match my original header?

31 Dec 2007, 23:42

#2

kuroi

Totally Zenned

Join Date:: Apr 2006
Posts:: 10,475
Plugin Contributions:: 9

Re: My CSS does not look right...

Do you have a link to the site?

31 Dec 2007, 23:42

#3

clydejones

Deceased

Join Date:: Nov 2005
Posts:: 7,017
Plugin Contributions:: 12

Re: My CSS does not look right...

URL for your site(s)

31 Dec 2007, 23:43

#4

dbltoe

Totally Zenned

Join Date:: Jan 2004
Posts:: 9,707
Plugin Contributions:: 6

Re: My CSS does not look right...

more help could come from a look at a link but, first you should know that all files that end in .css located in the css directory will load and will effect the outcome. If there are differences in a call (H3 for example), the last alphabetically will rule.
Loading stylesheet.css and thestylesheet.css will result in the H3 call in thestylesheet.css taking over. Still, everything not duplicated in thestylesheet.css that is called in stylesheet.css will still control what it can.
'tis not a good idea to try to load Zen's stylesheet and the one from your main site.
Better to create the override (custom) template, copy stylesheet.css to the CSS folder, and adjust it to give Zen a comparable look to your site.
Just another thing since you're talking main and cart. Make sure you don't muddle the main and cart for the user. If they are not aware they are leaving Zen, they may be upset upon returning and finding their session was closed while they were gone.:shocking:

01 Jan 2008, 19:30

#5

sdamos1

New Zenner

Join Date:: Dec 2007
Posts:: 5
Plugin Contributions:: 0

Re: My CSS does not look right...

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?

01 Jan 2008, 20:02

#6

dbltoe

Totally Zenned

Join Date:: Jan 2004
Posts:: 9,707
Plugin Contributions:: 6

Re: My CSS does not look right...

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.:yes:

01 Jan 2008, 22:18

#7

sdamos1

New Zenner

Join Date:: Dec 2007
Posts:: 5
Plugin Contributions:: 0

Re: My CSS does not look right...

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

01 Jan 2008, 23:19

#8

kuroi

Totally Zenned

Join Date:: Apr 2006
Posts:: 10,475
Plugin Contributions:: 9

Re: My CSS does not look right...

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.

02 Jan 2008, 00:41

#9

sdamos1

New Zenner

Join Date:: Dec 2007
Posts:: 5
Plugin Contributions:: 0

Re: My CSS does not look right...

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.

02 Jan 2008, 01:36

#10

clydejones

Deceased

Join Date:: Nov 2005
Posts:: 7,017
Plugin Contributions:: 12

Re: My CSS does not look right...

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.

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.

02 Jan 2008, 01:37

#11

sdamos1

New Zenner

Join Date:: Dec 2007
Posts:: 5
Plugin Contributions:: 0

Re: My CSS does not look right...

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.

02 Jan 2008, 02:16

#12

clydejones

Deceased

Join Date:: Nov 2005
Posts:: 7,017
Plugin Contributions:: 12

Re: My CSS does not look right...

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