Drastic css layout change in product listing please help!

Hello

I have been trying to make the following change showed in the attached

pictures been after the look i AM TRYING TO ACHIEVE

I tried some modification on the style sheet but i messed up other things

i tried changing

p, address (line 169)

{

line-height: 7px;

padding-top: 0.5em;

padding-right: 0.5em;

padding-bottom: 0.5em;

padding-left: 0.5em;

}

but it messed up with

the text

above the nav buttons

I need to shorten the space of the product description paragraph and need to align that text with the product mode, stock and manufacturer as well with the nav buttons and the text above the buttons "Product 1/3"

as showed in the pictures I attached

thanks for your guidance

A link to your site will make it easier for us to give you accurate advice on this.

:oops: I forgot, I was going to write it but i forgot

www.nomo.cl

hello anybody please :)

Add to the bottom of your stylesheet:

Code:

---

.navNextPrevWrapper {width: 190px; margin-left: 100px; padding-left: 0;}
h1#productName, h2#productPrices {margin-left: 110px; padding-left: 0;}
#productDescription {margin-left: 110px; padding-left: 0;}
#productDescription p {margin-left: 0; padding-left: 0}
#productDetailsList {margin-left: 110px; padding-left: 1.2em;}
#cartAdd {margin-left: 100px; width: 70px; float: none; text-align: left;}
#productReviewLink {width: 200px; float: none; margin-left: 110px; padding-left: 0;}
#productTellFriendLink {width: 190px; float: none; margin-left: 110px; padding-left: 0;}

---

You have seven <p> elements in your description, four of them empty. Eliminate those and you will have better spacing there. If you still need tighter spacing, try margin-top: 0; for
#productDescription p {}.

Thank you very much gjh42 :clap:

worked perfectly nice :D

there is one thing do, and is that I need less space between paragraph

added "You have seven <p> elements in your description, four of them empty. Eliminate those and you will have better spacing there. If you still need tighter spacing, try margin-top: 0; for
#productDescription p {}. "


as you suggested but didn´t change the space between the paragraph
what should i do :dontgetit

also I am trying to add more space after the product description text

and the add to chart quantity box and button i added padding-top: 200; to #cartAdd but didn´t work :(

also how can i put the quantity box at the right of the ad to chart button?

thnak you

I fixed the space betwen description text and quantity box

in line 426


but i still don't know hoe to place the add quantity box to the right of the add to chart button, instead of having it on top?


and shorten the space between paragraphs in the product description

thank you for your guidance

I added line-height: 0px; to #productDescription p

helped a little bit but there is still some space between paragraphs that i would like to get rid of

I added a little bit of space between product price and product description.

can figured out how to place the add quantity box to the right of the add to chart button, instead of having it on top. :cry:

hello

mmm cheking with IE and some changes we did don´t show up the right way in Internet explorer

what could be wrong?

There are a number of CSS properties that IE6 doesn't know how to handle, and a lot of bugs that show up in specific circumstances. Most of those have known fixes or workarounds, but sometimes they are tricky to fix.

If margin-top doesn't fix the <p> spacing, try margin-bottom.

Ok will try

I really need to fix what is going on with IE explorer in the product description page

Can you help me ? because it is looking horrible

the quantity box it is far to the right from the add to cart button

and the product details also are far to the right, really messy :yuck:

maybe a conflict of some sort?

http://nomo.cl/index.php?main_page=p...&products_id=3

hope you can help me with this one :(

margin-bottom did the trick

I have been unable to fix the IE problem I think is a conflict between rules I get rid of some that where repeating it selfs in some parts but nothing happen, don´t know if there are others cosing the problem

any ideas ?

thank you

Hello

can somebody help me with this Internet explorer problem please

nomo.cl

I am lost

thank you

anybody please :cry::cry:

This is just a guess, but in your stylesheet find

#productDetailsList {margin-left: 140px; padding-left: 1.2em;}

and after it add

#productDetailsList li {margin-left: 0; padding-left: 0;}

Does that affect the IE display? (I can't test it myself.)

ho man, I added it but nothing happened

:(


when i change :

#productDetailsList (line 759)

{

margin-left: 140px;

padding-left: 1.2em;

}


to
#productDetailsList (line 759)

{

margin-left: 73px;

padding-left: 1.2em;

}

in Internet explorer

this get aligned with the buttons and the rest of the text

Modelo: 0002-flecha cursor roja
100 Unidades en Stock
Diseñado por: El Milagro

but in the other browsers it get to far to the left.

i am lost :blink:

any ideas? :unsure:

nobody ?

:shocking:

still have the problem :cry:

Still:wacko: