Author Topic: space between category rows  (Read 2778 times)

Stannite

  • Beginner
  • *
  • Posts: 40
space between category rows
« 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]

PRO

  • Global Moderator
  • Super Hero
  • *
  • Posts: 10400
  • VirtueMart Version: 3+
Re: space between category rows
« Reply #1 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.

J3.9+ VM 3.4.2
Slowest Page Speed Score (88) (Category)
Fastest Page Speed Score (94-96) (productdetails)

Stannite

  • Beginner
  • *
  • Posts: 40
Re: space between category rows
« Reply #2 on: November 24, 2011, 10:14:30 am »
I have installed html validator and firebug but no errors show up.

alexsai

  • Beginner
  • *
  • Posts: 40
Re: space between category rows
« Reply #3 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.

Stannite

  • Beginner
  • *
  • Posts: 40
Re: space between category rows
« Reply #4 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]

Stannite

  • Beginner
  • *
  • Posts: 40
Re: space between category rows
« Reply #5 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