Text and images overlap!

[villagra]

Hi all!
I was able to install version 2.0.6 and upgrade to 2.0.8 into Joomla! 2.5..6 with no problem at all.
I inserted 2 categories and 4 products.
My problem is that on the front end I the links to the categories on the first line one on top of the other, practically I see the first letter of the first category and then on top the second category shows making both unreadable.
Below that I see the images of the products... them too are one on top of the other with only the very left edge of the first two visible and only the third fully visible...

Can someone please tell me how to solve this? Do I need to install a template for this? If so, can you please tell me where I can find one?

Thank you for any input you can give me!

Best regards,
Marco

[jenkinhill]

Use Firebug - http://forum.virtuemart.net/index.php?topic=102850.0

[ivus]

Hi villagra,

for a quick and nasty tutorial on what you'll be doing in firebug, check out my post here.

http://forum.virtuemart.net/index.php?topic=105522.0

I hope this helps.

[villagra]

Thank you very much for your replies!
With the help of Firebug I was able to figure out that the css VirtueMart is using:
It is called vmsite-ltr.css, and the fist div I'm trying to fix is "category-view"
Looking at your suggested links, I also found that users have "width problems", instead I have "vertical (height) problems"... the two category links that I have are visualized one on top of the other.

Same thing is happening if I show the featured products: the pictures show one on top of the other and on top of the text "Featured Products"

Have you seen this behavior before? Is there a parameter in Joomla that is set wrong?

Thanks again for your help!

Marco

[ivus]

Hi villagra,

I don't think there is. 9 times out of 10 it's a css styling issue.

One of the reason regions (divs) stak on top of each other when they should sit side by side is because of a style attribute called FLOAT. Floats need space to sit correctly, usually it's because the div that surrounds it is too small. Have a play with that, otherwise try a google search for css float.

I hope this helps.