[RÉGLÉ] Problème de mise en page de l'affichage des tableaux

[Duracier]

Bonjour,
j'ai installé un site joomla 3.4.5 avec un moteur wamp 2.5 sur mon pc. Tout était ok, mise en page des articles impeccable.

j'ai voulu migrer le tout sur un serveur en local, malheureusement l'installation de wamp n'a pas fonctionné. Je me suis donc rabattu sur easyphp 14.1. J'ai restauré la base et le site, tout est ok.

Cependant, uniquement sur IE, j'ai un problème d'affichage des articles contenant des tableaux : les bordures de tableaux sont transparentes! Firefox et chrome ne sont pas touchés.

Auriez-vous une idée d'un truc à vérifier?

[lomart]

Re : Problème de mise en page de l'affichage des tableaux

Bonjour,

Il y a pas de raison que le rendu de l'affichage change selon le serveur local. Cela devait déjà être le cas entre les différents navigateurs.
Plusieurs infos pourraient aider : le nom du template, les versions IE en cause

[dolmenhir]

Re : Problème de mise en page de l'affichage des tableaux

j'ai installé un site joomla 3.4.5 avec un moteur wamp 2.5 sur mon pc.

même si c'est en local, je te conseille de faire la mise à jour vers la version 3.5.1
y a des vulnérabilités jusqu'à la 3.4.6

https://developer.joomla.org/security-centre.html

Plusieurs infos pourraient aider : le nom du template, les versions IE en cause

+1
j'insisterai sur la version d'IE ? (encore lui...)
et quelle version php ? mysql ?

[Duracier]

Re : Problème de mise en page de l'affichage des tableaux

Voici les détails techniques :
Avant (tout marche sur tous les navigateurs) :
- joomla 3.4.5
- wamp serveur 2.5
- phpmyadmin 4.1.14
- Apache 2.4.9
- PHP 5.5.12
- Mysql 5.6.17
Tests avec IE 11, chrome et firefox 38.4.0


Après migration :
- joomla 3.4.5
- easyphp 14.1vc9
- phpmyadmin 5.4.24
- Apache 2.4.7
- PHP 5.4.24
- Mysql 5.6.15
Tests avec IE 11 (tableaux dans les articles KO), chrome et firefox 38.4.0 (OK)

[Duracier]

Re : Problème de mise en page de l'affichage des tableaux

J'ai suivi vos conseils et passé le site joomla en 3.5.1 : aucune différence constatée, les bordures des tableaux sont encore invisibles sous IE 11 et 9.

[lomart]

Re : Problème de mise en page de l'affichage des tableaux

j'ai un problème d'affichage des articles contenant des tableaux : les bordures de tableaux sont transparentes!

Quels sont les règles CSS qui gérent l'affichage des bordures ?
Les bordures transparentes sont celles du tableau (table) ou des cellules (td)?

Avant (tout marche sur tous les navigateurs)

Si cette assertion est vraie, ce serait une surprise pour moi qui reste persuadé que le rendu est uniquement l'interprétation des règles CSS par les navigateurs.

[lomart]

Re : Problème de mise en page de l'affichage des tableaux

J'ai suivi vos conseils et passé le site joomla en 3.5.1 : aucune différence constatée, les bordures des tableaux sont encore invisibles sous IE 11 et 9.

Ce conseil avisé de Dolmenhir n'avait pas pour but de corriger le problème des tableaux

[dolmenhir]

Re : Problème de mise en page de l'affichage des tableaux

c'est quoi le code css qui gère les bordures de tes tableaux ?

[Duracier]

Re : Problème de mise en page de l'affichage des tableaux

j'ai trouvé une solution : super chiante, mais bon...
en allant dans le code css de chaque article, je me suis aperçu que ce qui gérait la couleur des bordures était dans la balise TD et non TABLE.
En faisant un simple copié collé de "style="border: 1px solid #000000" dans la balise TABLE, tout est correct même sur IE.

j'ai plus que 50 articles à corriger

[dolmenhir]

Re : Problème de mise en page de l'affichage des tableaux

j'ai plus que 50 articles à corriger

avec une maîtrise des css, tu créés une classe, et la mise à jour sera automatique pour tous tes tableaux

EDIT : et si un jour tu veux changer, tu modifies la classe... et hop ! tous les tableaux en profitent

[dolmenhir]

Re : Problème de mise en page de l'affichage des tableaux

Allez, je te donne même un coup de pouce...

normalement, sous Joomla 3, un article se trouve dans une balise div ayant pour classe "item-page"

donc si tu fais

.item-page table {
border: 1px solid #000000 !important;
}

ça devrait suffire...

NB : le "!important" c'est pour obliger la css à prendre la main sur le code en dur dans le tableau... donc même pas besoin d'y toucher

et si tu veux enlever les bordure des cellules

.item-page table td {
border: 0px !important;
}

[Duracier]

Re : Problème de mise en page de l'affichage des tableaux

Super, merci pour le coup de pouce !