News:

Support the VirtueMart project and become a member

Main Menu

space between category rows

Started by Stannite, November 23, 2011, 13:10:55 PM

Previous topic - Next topic

Stannite

Hi all,

I have a problem with virtuemart 2.0.0-RC-2M. In the category listing, the first row is displayed correctly. The second row is pushed down beneath my left div which contains the menu ( see image1 ). With a template override i tried to remove the clear:both from the code but when i do that the products and the horizontal separator are moved up overlapping each other ( see image2 ). Has anybody an idea on how to fix this?

thanks in advance

[attachment cleanup by admin]

PRO

Stannite , have you ran the site through an html validator?

IF you are running in local xampp or something, you can validate in opera local.


Stannite

I have installed html validator and firebug but no errors show up.

alexsai

Hard to say.. anyway the problems is in your html/css template code.
it impossible to say without looking at the code.

Stannite

#4
I have been playing around with the template override for category and added style="display:inline-block" for all the divs and classes in it. now the horizontal separator isn't clearing the menu div anymore but it doesn't center it anymore as well. i don't know how to override the css the correct way, can this be done in my template css?

[attachment cleanup by admin]

Stannite

OK, i got it working now,

I made the horizontal separator and the category box an inline-block. i don't know if this is the right solution but it works for me.

thanks for your help people