HTML is product description OF product listing.. other questions!

[xfourninetwox]

So a while ago I pretty much gave up on the zen cart format because I found I couldn't make things look as I wanted. I'm trying again for the hell of it.

What I'd like is for my line breaks and font colors from my product description to show up in the Product Listing. I know generally people just list a short sentence with an ellipsis sign, but I don't really want to have product info pages as it is. I just the listing with the "buy now" button. (That's another story)
http://justaaudial.net/store/index.p...=index&cPath=1

Here is the page I now use with the "buy now" buttons being linked to my zen cart. I pretty much want to match this page format wise http://justaaudial.net/releases.html

Also, I'd like to limit the Lisiting Description to a specific width, but everything I try in CSS does me no good. Any ideas?

Lastly, my product info page... I can't get seem to get the image to show up with a border... I tried #productMainImage.img{border:1px, color:#000000;}
.productMainImage{border:1px, color:#000000;}

etc, etc, but nothing works. I got it working on the product listing page a few months ago but still never figured it out

I'm running Zen Cart 1.3.8a I suppose.

If anyone can send me some ideas that'd be great, I'd love to fully intergrate zen-cart into my site.

[gjh42]

#productMainImage.img{border:1px, color:#000000;}

This would be an element which has an id tag of #productMainImage and a class tag of .img .

What you want is

#productMainImage img {border:1px; color:#000000;}

which is an image inside #productMainImage.
Also, you need a semicolon, not a comma, after 1px.

CSS is very particular about tiny details.

You can get HTML to work in the product listing with a simple edit to
/includes/modules/your_template/product_listing.php. Search the forum for "zen_clean_html" for threads with the details.

[xfourninetwox]

Tried both things and couldn't get either to work, the php edit just gave me blank pages

[kobra]

Stylesheet:

You need to pay close attention to your css edits....

Find this, which is a class - -But you have omitted the leading period

listingDescription {width:293px; }

And to get closer to what you seek change it to the following:

.listingDescription {
        width:293px; 
        margin: 1em 0em 0em 20em;
        }

For Your border find this tag and replace with the following:

#productMainImage img {
        border: 1px solid #000000;
        }

[gjh42]

border:1px, color:#000000;
border:1px; color:#000000;
border: 1px solid #000000;

Oops... sometimes a small error can distract attention from a bigger one :)

[kobra]

Oops... sometimes a small error can distract attention from a bigger one :)

That is why we are a community!! And you have assisted myself on other posts where I seemed to have blinders on!

[schoolboy]

...the php edit just gave me blank pages

If you use a Plain Text Editor (Crimson Editor, Notepad++) then you should not end up with dud PHP.

[xfourninetwox]

Stylesheet:

You need to pay close attention to your css edits....

Find this, which is a class - -But you have omitted the leading period

listingDescription {width:293px; }

And to get closer to what you seek change it to the following:

.listingDescription {
        width:293px; 
        margin: 1em 0em 0em 20em;
        }

For Your border find this tag and replace with the following:

#productMainImage img {
        border: 1px solid #000000;
        }

Thank you this was a big help, now I just need a solution to the HTML in the product description. I'm not sure what using Notepad would do to prevent dud php?

[kobra]

Thank you this was a big help, now I just need a solution to the HTML in the product description. I'm not sure what using Notepad would do to prevent dud php?

I am not sure if the above is meant as a single response??
If it is please note that the product description function can only contain html coding - - NOT php code

[gjh42]

HTML in the product description

Answered in post #2 above.