X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)
-   -   Ordered list causes drop down of list items (https://forum.x-cart.com/showthread.php?t=54271)

Sisom 06-21-2010 01:04 PM

Ordered list causes drop down of list items
 
Hi, I'm working on a site for a client, and I am new to V4.2, and have been racking my brains for over an hour now. In the Bestsellers box, there is an ordered list, but it's causing the links to drop down a line.
You can view this at
http://www.mrdtrading.co.uk/store/home.php?shopkey=martin

I was also wondering if anybody has uploaded a smaller version of the main.css file, which gets rid of all the unnecessary styles, for those of us who are trying to customise X-Cart. I believe that the main.css file is so large because it includes styles for all the included templates, is that correct?

I am using Firebug, which is saving me so much time, but I just can't work out why the Bestseller links are dropping down.

(I think this is also the cause of what looks like a bug in IE8, where the bottom three of the Bestseller links are invisible, until you hover over them. I'll wait until I've fixed the first problem and see if that fixes the IE8 problem!)

cflsystems 06-21-2010 04:07 PM

Re: Ordered list causes drop down of list items
 
This style in main.css
.menu-dialog .content a:link, .menu-dialog .content a:visited, .menu-minicart .content a:link, .menu-minicart .content a:visited {
color:#6600CC;
display:block;
padding:3px 3px 3px 7px;


}

take out the display property (be aware that this will change other menu elements as well)

Sisom 06-22-2010 06:28 AM

Re: Ordered list causes drop down of list items
 
Thanks for the advice Steve, but that changed all the other menus, shrunk them vertically.
I've had a few more goes with it, but I don't think it's going to work - the <li> for Bestsellers has to be set to
display: inline
in order to make it appear on the same line as the numbers, but then the numbers don't appear at all.
It's not helped by the fact that the original CSS is such a huge file, with so many seemingly redundant or repeated styles.
I've changed the Bestsellers so that it looks like the rest of the left hand menus, I don't think it's vital to have the numbers.

cflsystems 06-22-2010 02:09 PM

Re: Ordered list causes drop down of list items
 
Like I said it will change all the menus. You need to go into the templates and apply style to bestsellers so only bestsellers use different display property. I was just pointing you in the right direction

Sisom 06-22-2010 03:02 PM

Re: Ordered list causes drop down of list items
 
Thanks Steve, but I tried that before, just setting the style for Bestsellers, but it won't work - I don't think it's possible to use

display:inline
and
list-style-type: decimal (or anything) inside none;

at the same time. It doesn't matter though, because I think it looks fine in the same style as the rest of the left hand menus, thanks for your help, it's much appreciated.

cflsystems 06-22-2010 04:02 PM

Re: Ordered list causes drop down of list items
 
Glad you got working the way you like it


All times are GMT -8. The time now is 09:19 AM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.