close ad
WARNING: Do Not Install the DREAMWEAVER CC 2017 or 2018 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

formatting table display

Thread began 6/12/2015 1:35 pm by John | Last modified 6/12/2015 5:04 pm by Ray Borduin | 718 views | 5 replies |

John

formatting table display

While we got the eCart logic working as desired through checkout, we are trying to figure out based on the attached printscreens in a word document as follows:

While first exhibit shows (keyword = yellow) to product results display desirably normal, in the second exhibit (keyword=black) for a different search shows the columns extending out of bounds from the page layout probably due to the item name column content. Is there any way to enforce wrapping at a smaller width?

2nd, in exhibit 3, is there any way to change the eCart style from Pacifica to the one we're using for the product results? and how involved is it if possible?

Attached Files
citychem_prtscrns.docx
Sign in to reply to this post

Ray BorduinWebAssist

If you add: table-layout: fixed;

to your css that controls the table
.WADAResultsTable {

That would allow you to set the widths and it wouldn't allow the table to stretch... however you could then have overlapping text when it doesn't fit into a column, so there is a give and take.

I'd make sure to set a width for the first and last columns to be very tight to the content since it doesn't vary. Then specify reasonable widths to the other columns. You might want to rename the "purity characteristics" column to just "purity" so you can tighten it, since it is usually just a percentage.

Sign in to reply to this post

John

Looks like I'll need to set widths to certain columns to avoid the overlapping text particularly in the item name column as shown in latest word document attachment.

Attached Files
citychem_prt2.docx
Sign in to reply to this post

Ray BorduinWebAssist

Yes, adding that css will prevent the table from stretching to fit the content, but that can leave you with overlapping text since it was stretching for a reason.

Sign in to reply to this post

John

I went ahead and applied width="5%" to the first and last column, and "15%" to the other 6 columns (which all adds up to 100%, so hopefully we're good.

edit: hmmm, still overlapping on item name column somehow...

Sign in to reply to this post

Ray BorduinWebAssist

If it won't fit, and there are no spaces in the field to allow a logical wrap, then it will overlap. That is the limitation in not allowing it to grow to fit.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...