Hello
Before the update, on the V4 the table insert in the page show exactly loke we want.
Here an example on our old site (Newspaper will replace it… soon we hope :)).
http://imageshack.com/a/img909/3663/f7toW6.jpg
But on the site test here the result :
http://www.virtualmagie.org/articles/critiques/matos/ice-lollipop-de-thibaut-randoulet/
https://imageshack.com/i/pbfLpjbCp
Here the table code:
<table border="0" width="200" cellspacing="0" cellpadding="10" align="right">
<tbody>
<tr>
<td>
<table border="0" cellspacing="0" cellpadding="1" align="right">
<tbody>
<tr bgcolor="#000000">
<td>
<table border="0" cellspacing="0" cellpadding="5">
<tbody>
<tr>
<td valign="top" bgcolor="#FFFFFF" width="203">Éditeur : SansMinds Magic
Année : 2015
Durée : 54 mn
Langue : Anglais
Prix : 17€
<b>> Commandez !</b>
- Unboxing de Nicholas LAWRENCE</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
Any idea how for the old tables to appear like in the old site (there are 1 000 articles so impossible to change each pages) ?
And for the future, to have a clean code, what do you advise to do the same thing without using HTML table code?
Regards
You should use style classes for table cells, and not apply styles in your HTML.
<tr bgcolor="#000000"> should be <tr class="blackcell"> or similar
Some HTML like align right should be things like pull-right class or float-right etc.
You can likely do search/replace in your php dbase. I did some surgery like this myself no long ago. Lots of tutorials online for search/replace stuff in the post meta for WP. Best to move to HTML5 code, as most modern WP themes run on CSS3 and/or HTML5, and not 20th century HTML now (fun to say that!) 🙂
Sorry that isn’t a tidy answer, just some feedback.
I know that instead of all the table code, a simple DIV + CSS will perfectly do the same thing.
For the search / replace, I am not a DB guru and afraid to break all the site.
Before the last update, all tables show correctly.
So I suppose, I could deactivate sometng in the CSS to solve this.
I am sure TD could help me with this.
Hi,
Please try to remove this css code from style.css and see if it is fixed – http://screencast.com/t/RqhSiTia
I have also added this on our list for further testing and we will try to find a proper solution as this css was not in the old theme version. Let me know how it goes!
Thanks!
Hello
Since the 6.2.1 update of course the hack in CCS disappear.
So I did what you told me and another time remove the line with table width 100% line.
In panel custom CSS, it already have:
.table { border: 0; width: 200px; cellspacing:0; cellpadding:10; align:right; }
But now the table still are in 100% and not in 200px large.
http://www.virtualmagie.org/articles/critiques/videomania/unboxing-de-nicholas-lawrence/
Any idea how to soluce that?
Regards