VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: Stannite on November 23, 2011, 13:10:55 PM

Title: space between category rows
Post by: Stannite on November 23, 2011, 13:10:55 PM
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]
Title: Re: space between category rows
Post by: PRO on November 23, 2011, 15:12:53 PM
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.

Title: Re: space between category rows
Post by: Stannite on November 24, 2011, 10:14:30 AM
I have installed html validator and firebug but no errors show up.
Title: Re: space between category rows
Post by: alexsai on November 28, 2011, 22:19:35 PM
Hard to say.. anyway the problems is in your html/css template code.
it impossible to say without looking at the code.
Title: Re: space between category rows
Post by: Stannite on November 29, 2011, 09:15:31 AM
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]
Title: Re: space between category rows
Post by: Stannite on December 01, 2011, 11:07:04 AM
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