Subcategory Layout Question!!

[LissaE]

It's the hide categories mod :)

I removed the break but that had no effect....and I don't know how to 'switch off' the blank gif LOL will have a dig around the admin and see if it's there somewhere

[gjh42]

I see something in the first line that looks wrong:

if (!$categories->fields['categories_image']) !$categories->fields['categories_image'] = 'pixel_trans.gif'; 

The second !$categories->fields should not have the ! in front of it. It may be a problem to PHP, or it may be ignored, but the ! means "not" and doesn't belong in the action part of the statement.

And all that does is, if there is not a real image in that field, pixel_trans.gif is inserted so it has something to use.

[LissaE]

That section of code wasn't touched with the modification for hide categories, the original file has the exact same code there

I'm not sure that removing the pixel image or the break will make it center, I used Firebug to edit both out and it remained the same...I wish everyone used FF so that it would work with the line height LOL

[gjh42]

    $list_box_contents[$row][$col] = array('params' => 'class="categoryListBoxContents"' . ' ' . 'style="width:' . $col_width . '%;"',
                                           'text' => '<a href="' . zen_href_link(FILENAME_DEFAULT, $cPath_new) . '">' . zen_image(DIR_WS_IMAGES . $categories->fields['categories_image'], $categories->fields['categories_name'], SUBCATEGORY_IMAGE_WIDTH, SUBCATEGORY_IMAGE_HEIGHT) . '<br />' . $categories->fields['categories_name'] . '</a>'); 

This section is all image (and break):

zen_image(DIR_WS_IMAGES . $categories->fields['categories_image'], $categories->fields['categories_name'], SUBCATEGORY_IMAGE_WIDTH, SUBCATEGORY_IMAGE_HEIGHT) . '<br />' .

so removing it should leave this:

    $list_box_contents[$row][$col] = array('params' => 'class="categoryListBoxContents"' . ' ' . 'style="width:' . $col_width . '%;"',
                                           'text' => '<a href="' . zen_href_link(FILENAME_DEFAULT, $cPath_new) . '">' . $categories->fields['categories_name'] . '</a>'); 

or commenting it:

    $list_box_contents[$row][$col] = array('params' => 'class="categoryListBoxContents"' . ' ' . 'style="width:' . $col_width . '%;"',
                                           'text' => '<a href="' . zen_href_link(FILENAME_DEFAULT, $cPath_new) . '">' . /*zen_image(DIR_WS_IMAGES . $categories->fields['categories_image'], $categories->fields['categories_name'], SUBCATEGORY_IMAGE_WIDTH, SUBCATEGORY_IMAGE_HEIGHT) . '<br />' .*/ $categories->fields['categories_name'] . '</a>'); 

[gjh42]

Re the centering - FF shows the pixel and break with zero height (per Web Developer highlighting) so removing them would have no effect on the position, but since IE shows the text lower, it may be applying height to one or both of those. Thus eliminating them should make behavior more consistent.

By cursor dragging to highlight in IE, I see that the pixel is somehow occupying a height equal to the text.

[LissaE]

Thank you to both you and Rob....removing the image and break had no effect in FF but I noticed in IE it made the text in the same position (top) as FF, so I applied the line-height again...and success LOL the text is now nicely centered in IE and FF (needa check the other browsers but I think it will be fine lol), thank you both

[Website Rob]

Glad to hear things are now sorted out.

The line-height equaling the DIV height for centering vertical alignment is a specific IE (any version) workaround. Gecko Browsers (FF, Netscape, Safari for example) do not need it but it causes no negative effect so safe to use.