Categories To List Per Row

:frusty:

Using 1.3.8.a, for some reason no matter what number I use in
Admin/Maximum Values/Categories To List Per Row

The row "breaks" and places the last sub-category on the next line by itself.

http://itsalljuststring.com/index.php?main_page=index&cPath=1

or

http://itsalljuststring.com/index.php?main_page=index&cPath=60

Any help with instruction suitable for formerly blonde but age has turned it gray will be most appreciated.

Wheat

It's doing that because there is not enough room in the space avialable for three items. Probably there is some setting splitting up the space into 33% areas, but then there would be another setting telling the browser to leave room for margins or something like that, so the total of 3 x 33% plus margins is greater than 100% and the line wraps.

Having said that, let's see if we can fix it. :laugh: ... ...

Oops! First step, get rid of the multiple extra stylesheets. You've got 4 redundant ones named with dates. Because of the way Zen Cart handles stylesheets, all of them are being read by the browser. So either delete them from the server or rename them with something other than .css as a file ending. Won't be able to help until you do that.

Rob

rstevenson:

It's doing that because there is not enough room in the space avialable for three items. Probably there is some setting splitting up the space into 33% areas, but then there would be another setting telling the browser to leave room for margins or something like that, so the total of 3 x 33% plus margins is greater than 100% and the line wraps.
Rob

That was my "first" thought - and may be the correct solution <G>

FWIW, I did look at the page source, even noted the "width:33%" - but could not figure out how to find where it was to see what would happen if I change

However, let me explain a bit more.

If I set "Categories To List Per Row" at three, then there are two rows, first has two and the second one. Which of course fits the above perfectly.

Now for the head stratcher,

If I set to five, result is row 1 with 4 and row 1 with one.

Set to row to 7 and it squished 6 on row 1 and the 7th on row 2.

You get the idea

Wheat

rstevenson:

Oops! First step, get rid of the multiple extra stylesheets. You've got 4 redundant ones named with dates. Because of the way Zen Cart handles stylesheets, all of them are being read by the browser. So either delete them from the server or rename them with something other than .css as a file ending. Won't be able to help until you do that.
Rob

With full knowledge of the meaning of assume,

Making the assumption you are referring to my propensity for having "before these changes" handy... I removed all except the original four file names.

Thank you for doing this "KISS"

Wheat

Here is the problem with your categories. The width of each category box is 159px, the total width of the 3 categories box is 477px and the total width of the center box is 473px. So you have additional 4px that pushes the site to the second page.

I was able to fix that in the CSS. Open your CSS file around line 150 look for .categoryListBoxContents you will notice that there is padding of .4em, You can remove the .categoryListBoxContents from the list or copy it on the second line and adjust the padding to the right width.

Hope that fixes your issue. I tested in FF.

Glamorousshoe:

Here is the problem with your categories. The width of each category box is 159px, the total width of the 3 categories box is 477px and the total width of the center box is 473px. So you have additional 4px that pushes the site to the second page.

I understand what you are saying, but don't understand why the program would not allow the "spacing" as part of whatever math it is doing to divide the space. But that is less important <G>.

Glamorousshoe:

I was able to fix that in the CSS. Open your CSS file around line 150 look for .categoryListBoxContents you will notice that there is padding of .4em, You can remove the .categoryListBoxContents from the list or copy it on the second line and adjust the padding to the right width.

Hope that fixes your issue. I tested in FF.

First I simply removed .categoryListBoxContents and this resulted in all the categories being listed "one per line" - which I assume is because it no longer had anyone telling it what to do.

So put it back and changed em from .4 to 0-Zero and

IT WORKED:clap:
Thank you both for you time and patience.

Now onto the next challenge.

Happy almost Valentine's Day

Wheat