information box seems cut in half?

I installed the latest categories, and it seems to have solved the issue.

I d have another one now on a new site (my wifes one)

I have created a background for the mouse over effect

The information link works fine, in that you can see the text over the images created, but the categories ones are not so good, the text is almost invisible when yu mouse over.

Can seem to find the code to change for this.

Any ideas

Site is - https://www.breezy.biz

Your problem is simply the a .category-top hover for the categories box. The information box has none.

I would also take a look at the site in 800 x 600 :eek:
Even 1024 x 768 is :shocking:

I am not sure what u mean about the resolution. The site was not designed to be 800 wide compatible but 1024 looks fine to me?

sorted that out, thanks, and as I am sure you suspected I have another minor issue with a dif site.

https://www.spottedhaggis.com/test

In IE it all loks ok on the left, but in FF the categories are reduced in size?

Also, I am using a blank box on the right colum (adon) and have tables with simple text inside, no css usage just styles within the tables, looks the way I want it to however I would like to have it all the way to the top, in line with categories (I will increase the title font size to match) but I cant find out where the white space is.

I'm sorry but, I have to tell you in all honesty that you have so many things thrown at this that I can't see the forest for the trees.

In all your sites, you've changed core files, used outdated mods, and added stylesheet information to core files wherever you felt necessary.

This site currently has 7 css errors and 47 html problems just on the main page. I spent three hours last night trying to figure out what is going on with your other site and, still don't understand how everything got to where it was. There are so many "illegal" placements in the html generated for your home page that I'm surprised it opens.:(

I'm not trying to belittle your efforts and have withheld comment till now because I didn't want to stomp on your enthusiasm and desire to get it right. I do think it's time to steer you in the right direction. Or, at least, a better one.

Like you, when I first started, I tried to fix it all at once. After two+ years, I'm still recovering from my haste in getting one site "fixed" and on line.

No one on this forum is an expert in all phases of Zen Cart. But many come darned close. I think they would agree with me that you will be better served in the long run if you try to regroup in a fresh cart, get the stylesheet set for the "look" you want, and slowly incorporate the mods you feel you need to include.

Don't touch any core files unless absolutely necessary. You will still be able to present the look you want by using the stylesheet. Be leery of mods that have their own stylesheet and, if possible, incorporate them into the one stylesheet.

I used to have a sign over my desk in the military that summed up my feelings about how the place worked. "Never enough time to do it right but, always enough time to do it over!" If you have to temporarily sacrifice features for a site that "must" be online, so be it. It's much easier to add things one at a time to an established site.

Again, I applaud your tenacity and conviction to quality. Along with others on this forum, I pledge to help you whenever possible.

john

Im not offended, lol, honest.

ok, here goes.

Spottedhaggis/test site:

The only mod I have added is the emtpy side box mod, followed by the bettercategories mod, I dont believe I have added any others.

I have edited some parts of the main tmplate and header, but not removed anything thats important for the site to function (which would likely explain why it does indeed open ok)

I think my main issue is that as I am not familiar with CSS I tend to dive itno the code, tables etc, which screws it all up, but I am getting more familiar with CSS.

ok, so the way it looks in IE is almost the way it needs to look but I know if I start again it will never look that way, what would u suggest?

ok I have started from scratch. new zen installation and db.
I have installed the following

Purple template for den 1.3+
Better categories (the latest one)

Thats it for the mods.

So far I have edited the header and inserted my own images in the top, and left the entire file alone other than that.

I have edited the css, removed much of the background images involved including the header, navbar etc (I left the original table in place just removed the images with the template and put my wn in instead.

AS far as I can make out, the site should still be perfect without error, unless there are errors in the purple template, better categories or zencart in itself.

Siet is - https://www.spottedhaggis.com/jemima

Sorry, gonna take me a bit. The development box power supply went TU. Working off laptop.

Do we still have a place to see what you were after before?

we do.

https://www.spottedhaggis.com/test

Okay, may lose you. Got a storm on the way. Give me a little bit to play and I'll be back to you.

lol, no problem.

I am working only in css, now that the header images are in place, I have not edited a single file itself, only working with CSS (and its tought to locate the bits I want to change, but FF helps)

ok, its looking bater. So far I have done the following non css workings

Header file in common of my template

IRemoved the inside contents of the default header table, inserted my own images, they look fine and do not disturb any of the cde, even the css code is remaining.

Removed the js date display from header (only that script)

ok, here is a list of things that either wont change or I cant work out how to change.

Left column, categories, I would like flush with the left of the site (so its inline with the header nav bar?

Foter, I have said no in admin to all ezpages and show IP but still the links and ip are in the foter?

Remove the default links in things like shopping cart headers (I would just edit the code but is there a better way)

More.

lol

I have managed to get the categories the way I want them, pale blue background wth white text, however on mouse over the background goes to green as it should but the text should go to dark grey but it wont.
No idea why not.

Rough storm but we needed the rain. Would have liked to have it spread over a couple of days but....
Anyway.... Remember that there are four parts to a link. You have the a, the a active, a hover, and a visited.
Just like some people never use the spare tire in their car, you might not need them yourself. Also, you might not find them listed or not listed in the area they think they should be. You'll note that the css for the better categories has only one a:hover listed at the end? Wonder what a color call would do there?:yes:
Once css loads a blue color for a link, it will remember that all links are blue unless it is told different.
Time for you to get a new tool for your arsenal. Click on the link and go to the bottom of the page. Click on TopStyle Lite and load it on your machine. Open your site in FireFox, right click the mainpage and click on View Page Source. Save that file to your desktop as sitetest.html or a similar name you'll remember. You'll probably need to copy both stylesheets to your desktop as well.
Open TopStyle Lite and use the sitetest.html as a reference to see what happens when you open and change the stylesheet(s). It's a couple of notches better than the css editor in FireFox.

:oops: Before the BC folks jump all over me, I see there are other hovers listed.
Also,,> spottedhaggis:

ok, here is a list of things that either wont change or I cant work out how to change.

Left column, categories, I would like flush with the left of the site (so its inline with the header nav bar? td #navColumnOne .columnLeft has either a margin or padding for the left side that is moving the column in. It can be in either stylesheet but I would suspect the BC. There's a padding error in the BC on line 15 anyway. Should be 2px or 2em. Line 50 or so needs a comma removed after a:active.

Foter, I have said no in admin to all ezpages and show IP but still the links and ip are in the foter?You have an error in the stylesheet_new on line39, you need to add a semicolon and carriage return after PADDING-TOP: 12px. The same is true on line 46. Line 144 needs a carriage return after hand; just for appearance sake mostly

Remove the default links in things like shopping cart headers (I would just edit the code but is there a better way)not sure which link you're talking about
Still trying to figure out what the devil is causing the no_picture call. Do you have any products loaded in /emima?

WOW, I fixed those css errors, I can only asume they are caused by dreamweaver since that is what I use to edit the css files.

I must say a huge thanks for your assistance in this, I am not only learning but am using the css to make the site look better than it did and it has proved one huge thing and thats that it is far easier than editing the code.

I do appreciate all your help and if there is anything I can do for you please let me know.

If you can't buy a cup for the dev team, do like I do and pass it on.

Sorry, thats way too cryptic for me, I can only assume you mean pass on my knowledge? what little of it I have anyway, thats no issue and I would do anyway.

If you mean dontate, I willdo as soon as I get paid for my work, and thats a promise :-)

I have saved the source onto my desktop, and am using bettercategories css to try and get the rollover to work, sadly still stuck though, lol

here is the bettercategories css.

As you can see I seperated the information so it did not look the same as I needed a seperate style for this, I will add more information to it when Im done with it.

I do have categories and information exactly the way I want them to look (though info colours are wrng i can change that) I cant get the rollover to work though, wont change the fnt colour

.betterCategories, .betterDocuments, .betterEzpages,
.betterBestsellers, .bettermoreinformation{
border-top: 1px solid #ffffff;
padding-bottom: 4px;
color: #FFFFFF;
font-size: 12px;
font-family: "Trebuchet MS";
text-align: center;
}
.betterInformation {
padding: 2px;
padding-bottom: 2px;
color: #FFFFFF;
font-family: "Trebuchet MS";
font-size: 13px;
text-align: center;
}

.betterCategories a, .betterCategories a:visited,
.betterDocuments a, .betterDocuments a:visited,
.betterEzpages a, .betterEzpages a:visited,
.betterBestsellers a, .betterBestsellers a:visited,
.betterMoreinformation a, .betterMoreinformation a:visited {
display: block;
background-color: #6DCFF6;
border-top: 2px solid #ffffff;
padding: 4px;
color: #FFFFFF;
}
.betterInformation a:hover, .betterInformation a:visited
{
display: block;
border-top: 2px solid #ffffff;
padding: 2px;
color: #66CCCC;
}

.betterCategories a:hover, .betterCategories a:active,
.betterDocuments a:hover, .betterDocuments a:active,
.betterEzpages a:hover, .betterEzpages a:active,
.betterBestsellers a:hover, .betterBestsellers a:active,
.betterMoreinformation a:hover, .betterMoreinformation a:active{
background-color: #AAD69B;
color: #FFFFFF;
}
.betterInformation a:hover, .betterInformation a:active
{
color: #FFFFFF;
}

/*
.category-subs-selected, .category-subs-selected a:hover {
font-weight: bold;
text-decoration: none;
}