Problem of display on modified template

[marco601]

I have a big problem with a template from UHUpage that i modified.

I modified the style and css, but I just discovered that the accessories affected to a product are not displaying properly.

I am searching for a week now where i could fix this in the css, but without results.

the block of "associated products" display the image overlaping the text and the buttons are not displaying. Out of the box

If anyone could help me on this problem it would be great!

 

Here is a sample of one product in the site where you could see, click on "accessoires" you will see directly where is the problem

http://test.ecolux-d...?id_product=241

 

I also enclosed a snap

 

that you very much for your help

[vekia]

there is a lot of mess in the code

for the first delete all of position:absolute for all instances in <li> block

[marco601]

Thanks Vekia,

 

I have found these one:

center_column div.products_block h5 {

 

left: 0px;

top: 180px;

margin: 0px;

padding: 0;

height: 2.57em

//position: absolute;

}

#center_column div.products_block h5 a {

color: #a46464;

font-size: 1.1em

}

#center_column div.products_block ul li p {

 

left: 0px;

top: 290px;

width: 100%;

margin: 0;

padding: 0

//position: absolute;

 

it move up the description and prices

http://test.ecolux-d...?id_product=241

 

Already a progress!

[vekia]

#center_column .products_block li.last_item_of_line, #center_column .products_block li.last_item{
margin: 10px 0;
}

 

change margin: 10px 0; to margin:0px 0px;

to move to up <h5> of last li item

 

 

 

#center_column div.products_block.accessories_block div.product_desc {
margin-right: 0;
height: 250px;
width: 250px;
border-right: 1px solid #D0D3D8;
}

 

 

change the width of the div.product_desc for width of <li>

Edited November 6, 2012 by vekia (see edit history)

[marco601]

it mess-up the "produits phares" in the front page

http://test.ecolux-diffusion.com/

[marco601]

problem is when I change something, it mess-up the porduits phare in the front page

[vekia]

sure - it takes the same classes from css file.

btw. you created "associated products" by yourself or it is with the template?

[marco601]

no it was with the template. How should i do to have another class? I am not really good in development

[marco601]

nobody could help please!