HTML table Error with Wysiwyg Tiny MCE

Permalink
I was trying out the designer block addon and created a block with a table (see code below) but when I added it to my test site the table was all messed up.


So I thought that it was the way the block was being rendered and messing up the table and then opened up the wysiwyg clicked on the html option (not the visual editor) which opens up the html dialogue box and pasted in the code. Again the table was messed up the same way it was wrongly rendered by the designer block add on.

Next I opened up the html block that comes with C5.5 and pasted the code directly here and it worked perfectly and the table was rendered correctly and came out fine.

The designer block addon (which I think is brilliant for a beginner like me)coincidently uses the Tiny MCE to allow the block content to be updated so it seems that there issue with Tiny MCE in visual mode with the rendered block. Also when you open the content block then choose the HTML option it still renders wrongly.

Can anyone help with this strange issue with Tiny mce.

Thank you,

Kirk


<table class="price-table">
    <tr>
      <th class="price_header" colspan="6" scope="col">ROOM PRICE LIST </th>
    </tr>
    <tr>
      <td class="price_label_side">Per Person Per Day <br />Bed & Breakfast</td>
      <td class="price_label_top">1st February <br />to 31st March</th>
      <td class="price_label_top">1st April <br />to 30th April</td>
      <td class="price_label_top">1st May <br />to 31st May</td>
      <td class="price_label_top">1st June <br />to 30th September</td>
      <td class="price_label_top">1st October <br />to 30th November</td>
    </tr>
    <tr>
      <td class="price_label_side" scope="row">Single/twin/double en-suite<br />with Sea view </th>
      <td class="price_numbers">£32.00</td>

 
mckoenig replied on at Permalink Reply
mckoenig
You are ending a <td> with a </th>. Maybe this ist the issue.

<td class="price_label_side" scope="row">Single/twin/double en-suite<br />with Sea view </th>


This happens twice in the code you provided.
kirk59 replied on at Permalink Reply
Hi mckoenig,

Thank you so much for your response.

Accept my apologies for the code error.

I have now corrected these and things seem fine now.

The strange thing is that I had put the same code on a live site via the htm block and it did not complain which is why I did not see it being a code error but as you pointed out it clearly was an error in the code so I apologise.

The great news is that as it is working I have revisited the designer content block and tried the amended code and it is now working fine too.

This is brilliant as I found with the blocks created by the designer content add on is easier to target with css as you get to choose the block name.

I am very new to concrete5 and so far I am loving it.

Thank you once again it is very much appreciated.

Regards,

Kirk
mckoenig replied on at Permalink Reply
mckoenig
Glad to help. If you could mark my first answer as "best answer" that'd be nice, thanks.
manlpullock replied on at Permalink Reply
Check thishttp://www.corelangs.com/html/tables/default.html... Html table tutorial. It will solve your problem with html table

Manly

This website stores cookies on your computer. These cookies are used to improve your website experience and provide more personalized services to you, both on this website and through other media. To find out more about the cookies we use, see our Privacy Policy.