admin, I put html code at product description, but it shows text format at front page

I put CUSTOM tables(html code) that I have made into the admin's product description,
I click preview, the table looks perfect and how it should look. , and then click insert.
I go to the actual page on the website where this table is displayed, but it shows TEXT format at front page(no the table format).

How to fix the problem? supposed we put Table(html) code at product description, it should show Table(html) format at front page.

Thanks for help.

Yes, adding the raw html table code into the product description will work.

Example:

<table align="center"> <tr> <td>Product Description Goes Here</td> <td>Other Information Goes Here</td> </tr> </table>

This will output a table with the text side by side in two cells... and center the table.

Thanks for quick reply. I just tried the code you post, but the output still shows TEXT format!

peter888:

Thanks for quick reply. I just tried the code you post, but the output still shows TEXT format!A Link to a product on your site that shows this behaviour please

gilby:

A Link to a product on your site that shows this behaviour please

attached two images, one for text format(the actual page on the website where this table is displayed).

another images(table format---I click preview, the table looks perfect and how it should look.)

peter888:

attached two images, one for text format(the actual page on the website where this table is displayed).

another images(table format---I click preview, the table looks perfect and how it should look.)Sorry unless we can see the actual page, we won't be able to see the underlying page source, so cannot help

perter888, are you referring to the missing <table border="1"> property?

Aside from that the only other changes I can see without the code are cell padding/spacing properties being added to the <table>.

twitchtoo:

perter888, are you referring to the missing <table border="1"> property?

Aside from that the only other changes I can see without the code are cell padding/spacing properties being added to the <table>.

Many Thankss for reply. actually, at admin, I click preview, the table looks perfect and how it should look. , and then click insert.
I go to the actual page on the website where this table is displayed, but it shows TEXT format at front page(no the table format).
attached, is the part of the page code....

I have been trying to fix the problem for a while, but i still can not solve the problem by myself......it always shows TEXT format at front page(no the table format)...

copied from firebug ---attached:

<div id="productDescription" class="description biggerText"> <strong>Details: </strong> <table cellspacing="0" cellpadding="0" border="1" style="padding: 0px; margin: 0px; color: rgb(97, 97, 97); font-family: Arial; font-size: 12px; line-height: 20px;"> <tbody> <tr>+ <tr>+ <tr>+ <tr>+ <tr>+ <tr>+ <tr>+ <tr>+ <tr>+ <tr>+ <tr>+ <tr>+ <tr>+ <tr>+ <tr>+ <tr>+ <tr>+ <tr>+ <td width="85" valign="top" style="padding: 0px 0px 0px 10px; margin: 0px;"> <td valign="top" colspan="5" style="padding: 0px 0px 0px 10px; margin: 0px;"> </tr> </tbody> </table> </div>

so sssorry. copied from firebug

peter888:

so sssorry. copied from firebug

Saw a similar inquiry had been started yesterday, and the same question has been asked there, please provide a link to the area in question, even if it is a private message to the one(s) willing to help. There are more things that can be quickly looked at and from there identify the problem/solution rather than waiting for the next snippet of info.

Twitchtoo, asked if the problem you are trying to solve is to add the border around all of your text or not. When looking at the picture(s) provided in post 5 (http://www.zen-cart.com/showthread.php?211352-admin-I-put-html-code-at-product-description-but-it-shows-text-format-at-front-page&p=1230096#post1230096) you could almost print and cutout the two pictures and lay them atop each other and everything would be in the same position, the difference would be that the admin side shows black lines and the product side does not.

This is probably a css "adjustment" and is something that zenner's such as twitchtoo could quickly identify if given the location of the page. Please help us help you.

peter888, the screenshots you are sending are not of the viewable page on your site. They are screenshots of the html code on the page. The table is structured correctly in html from what I can see.

Please send a link or screenshot of your product page like this:
[Attachment no longer available]

I'm still not sure where you're expecting to see this HTML. If on the product listing, Zencart strips HTMl from those pages.

twitchtoo:

peter888, the screenshots you are sending are not of the viewable page on your site. They are screenshots of the html code on the page. The table is structured correctly in html from what I can see.

Please send a link or screenshot of your product page like this:
[Attachment no longer available]

Thanks for help. i don't know why the screenshot smaller than actual picture....

The forum limits the size of attachments so it will not get bogged down by huge images.
As mc12345678 says, your table is indeed displaying as a table on the product info page, not plaintext. The only difference is that the borders are not displaying, and nobody can diagnose the cause of that without seeing the page live (not a screenshot).

peter888, your stylesheet is telling all table borders to be 0.

includes/templates/theme695/css/stylesheet.css
line 28 or so:
table, td, img {border:0;}

See image:

[Attachment no longer available]

twitchtoo:

peter888, your stylesheet is telling all table borders to be 0.

includes/templates/theme695/css/stylesheet.css
line 28 or so:
table, td, img {border:0;}

See image:

[Attachment no longer available]

so, i need change the {border:0;} to {border:1;} right?

maybe i need define my own CSS rule, for example by assigning a new class to your table:

<table class="my_class">...</table>

and then add the following code at .css file:

table.my_class {
border: 1px solid #000000;
}

twitchtoo:

peter888, your stylesheet is telling all table borders to be 0.

includes/templates/theme695/css/stylesheet.css
line 28 or so:
table, td, img {border:0;}

See image:

[Attachment no longer available]

Twitchtoo, Thanks for your help. I will try to define my own css rule for the table. Another thing, I also put the following html code at product description, it also shows text format: attached code following:

<div> <ul> <li>Apply DDS technology, double output, adjustable phase, the highest output frequency is 25MHz</li> <li>125MSa/s sample rate, 14bit vertical resolution, 16Kpts wave length</li> <li>Output 5 types of standard waveform, internally installed 48 types of waveform</li> <li>Internally installed high precision, wide frequency counter, frequency is up to 200MHz</li> <li>Abundant modulation function, sweep-frequency output, pulse train output</li> <li>Standard collocation connection: USB Device, USB Host, support U Disk storage and software</li> <li>Can connect to SDS1000 series digital oscilloscope perfectly, and support remote command control</li> </ul> <p> <b>Included</b> </p> <ul> <li>User Manual</li> <li>Certification</li> <li>Guaranty Card</li> <li>CD (including EasyWave 1.0 computer software system)</li> <li>US Power Cord</li> <li>USB Cable</li> <li>Quick Start</li> </ul> </div>

how to fix the above problem. please check the result:
attached, is actual page on the website where it displayed and correct format attached.

You need to add CSS formatting to your list <ul> with a new class to create the • dots.

You could cheat it with the keyboard shortcut alt 0149 but I wouldn't recommend it.