Categories Dressing

As far as Lightbox, I have no idea. I don't know of any reason why there would be a conflict.

The list issue bears looking into. I think that it would take a bunch more coding to check whether there is already a list started, and whether a <li> should be wrapped around the one being built, or </li> added after the one being closed. I'll investigate and get back.

Glenn:

lightbox issue was caused by some jquery script I wanted to add to a slideshow. so not related to your script, which is what I suspected.

I would love a solution to the list issue. I'm finding that the positioning can be controlled for each of the IE browsers through separate stylesheets, but to meet both firefox and safari, is proving to be challenging. Firefox looks great, but in safari, the second list is higher than the first. can one have a separate stylesheet for safari?

On IE, it seems that the entire left column is pushing against the center column, because it's not just a list issue. i use web develepor plugin on firefox to determine causes, but IE has no such plugin that I'm aware, so it's hard to determine what's happenning.

Look at this PAGE on each browser, and you'll see what I mean.

thanks for reviewing this, Glenn, I'm hoping my questions will help solve many issues for the many people using this mod.

Hi Glen, I wonder if you could tell me what stylesheet area controls This margin/space between the bullet1.gif and the edge of the page:

http://www.limelites.co.uk/screen64.jpg

Every time I try move it left a touch (so I can change 'swim' to swimwear without it forcing a new line) it moves the header bars too :-)

You have given the entire sidebox content 20px of left margin, so reducing that should take care of your problem:

Code:

---

#chcategoriesContent {
    margin-left: 20px;
}

---

Newagekat -

I think your positioning issues will be best solved by switching from relative to absolute positioning. The categories box is not holding the space open where it is displaying anyway, so it won't matter that it will become "invisible" as a box.

You need to make the box content position: relative; so it is a good frame of reference, and then position each category group with top: 0; and left: xxem; as appropriate.

Code:

---

#chcategoriesContent {position: relative;}
ul#catGroup1_15
{
        width: 14em;
        position: absolute;
        left: 0em;
        top: 0em;
}

ul#catGroup1_16
{
        width: 14em;
        position: absolute;
        left: 14.0em;
        top: 0em;
}
ul#catGroup1_16 li
{
        padding-left: 2em;
        border-left: 1px dotted #7597A6;
}

---

Your method of moving the categories over to the right is the cause of #navColumnOne getting so wide. You give the box a huge left margin, but no corresponding negative right margin, so the whole container is stretched. Relative positioning doesn't move the element out of its container, but stretches the container in some fashion to still surround it. I haven't studied this aspect in depth.
Absolute positioning will get the box out of the layout flow. Then the content relative positioning will act as a frame for positioning the categories. I have also deleted a few properties from the code that were not doing anything in the new setup.

Code:

---

http://commonwealthyarns.com/includes/templates/craftBook/css/c_1.css

#chcategories
{
        display: block;
        height: 200px;
        position: absolute;
        left: 52em;
        top: 33.5em;
}

.categoryListBoxContents { display: none; }

---

I am working on the list issue - thought I had it solved, and a new wrinkle cropped up. I think it will be necessary to rework the flow of the base tpl_categories code, first closing the previous <li> as appropriate before or after the <ul> step, then creating the new one but not closing it until the next round. Fun stuff...

Thanks Glen, you're the best... worked a treat :-)

Hi Glenn:

I don't know if this is related to one of the selectors we turned off in the stylesheet, but if you click on Specials, and no specials are available, then the center box with the border is not drawn at all. Is this a logic issue on my part or a stylesheet display: none issue?

the absolute positioning seems to be working. i'll keep you posted.

When there are no products on special, no specials are shown. With the categories box absolutely positioned, that doesn't hold any space open, so the page can collapse all the way. If you give a min-height to one of those elements, you can keep it from collapsing in browsers newer than IE6.

Hi, ive just downloaded the most recent version, and im having trouble removing the two heading images in the category list, where in the code are these placed.

Thanks

Ive figured it out now, it was in languages/english/extra_definitions/custom/categories_dressing_defines.php and i just put // in front of the code.