Customizing ProductCart - Navigation: alignment of +/-

Print Page | Close Window

Navigation: alignment of +/-

Printed From: ProductCart E-Commerce Solutions
Category: ProductCart
Forum Name: Customizing ProductCart
Forum Description: Exchange messages with other users that are customizing ProductCart.
URL: https://forum.productcart.com/forum_posts.asp?TID=1732
Printed Date: 02-July-2024 at 8:06pm
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com

Topic: Navigation: alignment of +/-

Posted By: worldofrugs
Subject: Navigation: alignment of +/-
Date Posted: 19-June-2008 at 1:05pm

In the standard navigation (as provided by PC), the [+/-] button is higher then the text of the categories, as you can see here:
Nav1

Is there a way to get them a little lower, so they will be horizontal aligned in the middle with the text? Example:
nav2

I've tried figuring this out in the genCatNavigation.asp file, but without success..

Anyone any solutions to this?

Replies:

Posted By: Greg Dinger
Date Posted: 19-June-2008 at 1:13pm

It's a matter of careful refinement of the CSS settings. Have a look at http://www.pestdetour.com/ - http://www.pestdetour.com/ and examine the inline style settings that I adopted for the navigation elements. Might also want to compare the revised pcHeaderFooter.css to a stock .css file and see if I have changes - I don't actually recall now. Try http://www.compareandmerge.com - www.compareandmerge.com for checking differences.

-------------
GreyBeard Design Group

Certified ProductCart Developer

Web Design/Development/Hosting

http://tinyurl.com/5c8t4t" rel="nofollow - Add-Ons & Custom Code |

Posted By: worldofrugs
Date Posted: 19-June-2008 at 3:03pm

Thanks Greg,
That site indeed has what I'm looking for... I'll check the sources later on... Wink

Perhaps a tip for others that do not like to spend money on a compare program:
http://www.prestosoft.com/edp_examdiff.asp - ExamDiff is a tool just like Compareandmerge... They have a free version, and a paid version that has more options...

Posted By: worldofrugs
Date Posted: 01-July-2008 at 2:02pm

Well I found a solution that works for me..
I have not done it via a CSS, but plain in the code of genCatNavigation.asp -->

I deleted the following part from the original code (at line 68):

align=""absmiddle""

Simple solution and lines up perfectly! Clap

(Makes me wonder why EI has put it in...)

Thanks for the help Greg!

Posted By: bearlygrins
Date Posted: 31-August-2008 at 1:13am

I wasn't able to get mine lined up by removing the alignment from genCatNavigation.asp or adding to the .css. But here's an even easier solution:

Modify the btn_collapse.gif and btn_expand.gif in your pc/images folder by adding 3 pixels to the right and to the top of each. Works great! Feel free to grab a copy from my site at http://superoutletmall.com/productcart/pc/StoreMap.asp - http://superoutletmall.com/productcart/pc/StoreMap.asp

-------------
http://superoutletmall.com