Left Column Elements
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=3248
Printed Date: 28-May-2024 at 3:16pm
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com
Topic: Left Column Elements
Posted By: sirene
Subject: Left Column Elements
Date Posted: 27-November-2009 at 7:05am
|
The Category table is not entirely shifted to the left. (<!--# include file = "inc_catsmenu.asp" -> ) This is also true for the other rightist elements. That means the border-bottom-line is not quite through. all the css positions we already have searched. http://www.surfis.eu/mediadeal/pc/home.asp - http://www.surfis.eu/mediadeal/pc/home.asp |
Replies:
Posted By: MikeCC
Date Posted: 27-November-2009 at 7:34am
|
I just took a look at your site. Although the text in the 'Hot Deal' 'Produkte' and 'Services' sections are not exactly aligned, it doesn't look terrible (using IE8). If you want absolute perfection, then you can try different css settings but be sure it has the same effect in all browsers.
If I were a customer, I would be more annoyed by the width of the page. There's still lots of people on 1024 wide monitors, so there's a little bit on the right that you need to scroll to see.
|
Posted By: sirene
Date Posted: 27-November-2009 at 8:08am
|
The website is still not finished a long time. Our question was why the contents of the left tables are not can be formatted to the right. The width is no problem. Was a customer desire. Have we missed something in the CSS? |
Posted By: Hamish
Date Posted: 27-November-2009 at 9:00am
|
Hi, The customer may desire a wider display, but I advise making sure they have seen it on a screen at 1024 and are aware of the statistics on web browser screen resolutions. There are still a good percentage of people running at that resolution. The following figures are from Wikipedia :
About the display issue, do you mean you want the product image on the right of the text to the left? This would need a bit of custom coding to achieve. ------------- Editing ProductCart Code? See http://wiki.earlyimpact.com/developers/editcode" rel="nofollow - WIKI Guidelines for Editing ProductCart's ASP Source Code |
Posted By: sirene
Date Posted: 27-November-2009 at 9:20am
The content of the right table can not be formatted quite right... |
Posted By: Hamish
Date Posted: 27-November-2009 at 9:47am
|
Hi, It's not a CSS issue, you have a TD before the item, which is the part that is not underlined. It looks like you have a modified version of the category navigation generated from the admin pages ? [CODE] <tr> <td valign="top"> <img border="0" align="absmiddle" onclick="javascript:UpDown(5);" src="images/btn_expand.gif" name="IMGCAT5"/> </td> <td class="menue" width="100%" valign="top"> <a href="viewCategories.asp?idCategory=5">Anschlusskabel</a> <table id="SUB5" width="100%" cellspacing="0" cellpadding="0" border="0" style="display: none;"> </table> </td> </tr> [CODE] The first TD is the issue. ------------- Editing ProductCart Code? See http://wiki.earlyimpact.com/developers/editcode" rel="nofollow - WIKI Guidelines for Editing ProductCart's ASP Source Code |
Posted By: sirene
Date Posted: 29-November-2009 at 10:41am
|
Yes. We are using bei tables and rows our CSS to generate the cat navigation. .menue { font-family:Verdana; font-size: 11px; line-height: 25px; border-bottom: 1px solid #C5C5C5; width: 100%;} How do we get away this TD. |
Posted By: Hamish
Date Posted: 29-November-2009 at 11:38am
|
Hi Sirene, Sorry I don't understand : "We are using bei tables and rows our CSS to generate the cat navigation" ? Please explain further. ------------- Editing ProductCart Code? See http://wiki.earlyimpact.com/developers/editcode" rel="nofollow - WIKI Guidelines for Editing ProductCart's ASP Source Code |
Posted By: sirene
Date Posted: 29-November-2009 at 5:07pm
|
We use the following CSS in "generate navigation". (control panel) .menue { font-family:Verdana; font-size: 11px; line-height: 25px; border-bottom: 1px solid #C5C5C5; width: 100%;} Otherwise, we have not changed any settings. Thanks a lot. |
Posted By: Hamish
Date Posted: 29-November-2009 at 8:23pm
|
Hi, Try the following (untested) change to pcadmin/genCatNavigation.asp Find line (about line 72) :-
and amend it to read :
The usual warnings about keeping a backup and documenting changes etc apply :-) After the change try re-generating the navigation. You also seem to be missing the image : images/btn_expand.gif ------------- Editing ProductCart Code? See http://wiki.earlyimpact.com/developers/editcode" rel="nofollow - WIKI Guidelines for Editing ProductCart's ASP Source Code |
Posted By: sirene
Date Posted: 01-December-2009 at 6:37am
| Thank you very much. I have now been resolved differently. I removed a few spaces in the genCatNavigation.asp. |
Posted By: sirene
Date Posted: 18-December-2009 at 7:39am
|
hi, Your advice does not work. Then it´s shown class = "menue" in the navigationin each row. The expand.gif we do not need. Now it almost works. only the sub-menus produced a line with each row.  |
Posted By: sirene
Date Posted: 18-December-2009 at 7:41am
| It would be great if all 3 lines are followed through. |
Posted By: sirene
Date Posted: 20-December-2009 at 6:29am
| Perhaps someone can still help us. Now we have been working on it. We just want that the lines (border-bottom) are quite followed through. |
Posted By: Hamish
Date Posted: 20-December-2009 at 6:45am
|
Hi Sirene, I think there is a typo in my original adjustment :
Try this instead :
------------- Editing ProductCart Code? See http://wiki.earlyimpact.com/developers/editcode" rel="nofollow - WIKI Guidelines for Editing ProductCart's ASP Source Code |
Posted By: Hamish
Date Posted: 20-December-2009 at 6:52am
|
Hi, Looking at the page the "Produkte" menu looks fine now. There is still a very small gap on "Hot Deal" and no lines at all in "Services". I also noticed, although ONLY when zoomed in (so not a "problem" worth fixing) that head_nav.png overhangs the right hand side of the menus by a pixel or two. ------------- Editing ProductCart Code? See http://wiki.earlyimpact.com/developers/editcode" rel="nofollow - WIKI Guidelines for Editing ProductCart's ASP Source Code |
Posted By: sirene
Date Posted: 20-December-2009 at 3:31pm
| We have now tested. The same problem remains. |
Posted By: Hamish
Date Posted: 20-December-2009 at 5:55pm
|
Hi, I'm not seeing the problem in IE or Fiefox. Have you force refreshed the page with ctrl+F5 ? - Here's a zoomed in version of what I see...  ------------- Editing ProductCart Code? See http://wiki.earlyimpact.com/developers/editcode" rel="nofollow - WIKI Guidelines for Editing ProductCart's ASP Source Code |
Posted By: sirene
Date Posted: 21-December-2009 at 3:17am
|
If you click on "Anschlusskabel" in every subcategory, a new line is generated. We have already tried a lot. It would work if we remove the picture (expand.gif) and the space. But then all sub-categories are displayed with the same distance. (no Text Indent.) |
Posted By: Hamish
Date Posted: 21-December-2009 at 4:29am
|
Hi, OK, I see what you mean. Unfortunately the structure of this style of menu uses nested tables, which means that styling it as it stands in the way you want will be impossible :-
ALTERNATIVES (In order of complexity I suspect) : Abandon the use of the lines between cells. OR Switch to SPRY based Navigation OR Put your own custom menu in place. ------------- Editing ProductCart Code? See http://wiki.earlyimpact.com/developers/editcode" rel="nofollow - WIKI Guidelines for Editing ProductCart's ASP Source Code |
Posted By: sirene
Date Posted: 21-December-2009 at 7:00am
|
< ="application/x-shockwave-flash" ="http://www.gstatic.com/translate/_p.swf" id="tts_" height="18" width="18">< value="http://www.gstatic.com/translate/_p.swf" name="movie">< value="_name=" name="flashvars">< value="transparent" name="wmode">< value="always" name="allowAccess"> I thought that we deletes the first TD. Then we add the code
in the second TD where are the category names. Just where exactly I do not know. With the Spry menu, it is very difficult to create this menu. (for us...) |
Posted By: sirene
Date Posted: 22-December-2009 at 6:23am
|
We have now removed this expand.gif. Now, all categories are displayed so:  We thought to insert a tab, space... directly in front of the sub-category. Has anyone an idea? We look forward to any help! |
Posted By: Hamish
Date Posted: 22-December-2009 at 6:44am
OK, Give this a go...
You could also create the indents for the subcategories using nbsp's. ------------- Editing ProductCart Code? See http://wiki.earlyimpact.com/developers/editcode" rel="nofollow - WIKI Guidelines for Editing ProductCart's ASP Source Code |
Posted By: sirene
Date Posted: 22-December-2009 at 7:31am
|
We've done it. Smoking heads remain. New CSS class applied. .menue2 td { border-bottom: 0px; }
|