Table look change with the V6 update

Posted in: Newspaper
Post count: 260

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">ÉditeurSansMinds 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

Post count: 9544

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.

Post count: 260

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.

Post count: 7909

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!

Post count: 260

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

Post count: 260

Nevermind it is working!
Maybe a cache problem?

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.