[RÉGLÉ] Tableau ne s'affiche pas : se met en une seule colonne !

[AOLF]

Bonjour tout le monde,

j'ai repris la gestion d'un site et ça faisait bien longtemps que je n'avais pas touché à Joomla.
Donc désolée d'avance si je ne saisis pas tout !

J'ai voulu rafraichir une page et présenter une liste de données sous forme de tableau pour hiérarchiser un peu mes infos.
Je travaille avec JCE Editor.
En prévisualisation j'ai un beau tableau avec des lignes et des colonnes. Une fois publié j'ai une colonne unique ou mes cellules se mettent à la suite les unes des autres
(j'étais partie sur 4 colonnes et 2/3 lignes là j'ai une colonnes unique et trèèèès longue. Hyper moche.)

Je m'arrache un peu les cheveux. Si quelqu'un a un super coup de pouce pour débutant ça me dépannerai bien parce que je n'ai trouvé de réponse nulle part !

Merci beaucoup

Aline

[lomart]

Re : Tableau ne s'affiche pas : se met en une seule colonne !

Peut-être un lien pour voir le problème ?

[AOLF]

Re : Tableau ne s'affiche pas : se met en une seule colonne !

Peut-être un lien pour voir le problème ?

oups oui !

http://www.aolf.fr/index.php?option=com_content&view=article&id=4&Itemid=34&lang=fr

ici !

[lomart]

Re : Tableau ne s'affiche pas : se met en une seule colonne !

On retrouve à 2 endroits cette déclaration CSS

tbody, td, tr, table {
    border-spacing: 0;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}

qui fait que les cellules du tableau sont considérées comme des blocs de largeur 100%
Comme les css sont compressé, il est impossible d'en connaitre l'origine

Une solution, pour éviter les effets de bord sur le reste du template, est de mettre cette règle en fin du css

.cadre td {
    display: table-cell;
    width:auto;
}

[AOLF]

Re : Tableau ne s'affiche pas : se met en une seule colonne !

J'avoue ne pas comprendre ce que je peux faire là. Désolée

[lomart]

Re : Tableau ne s'affiche pas : se met en une seule colonne !

Soit tu mets le code indiqué à la fin de ton fichier CSS
ou tu colles cela (en mode code) en tête de ton article avec un tableau.
Il faut s'assurer dans la configuration de JCE qu'il accepte le code CSS

<style type="text/css">
.cadre td {     display: table-cell;     width:auto; }
</style>

[AOLF]

Re : Tableau ne s'affiche pas : se met en une seule colonne !

Soit tu mets le code indiqué à la fin de ton fichier CSS
ou tu colles cela (en mode code) en tête de ton article avec un tableau.
Il faut s'assurer dans la configuration de JCE qu'il accepte le code CSS

<style type="text/css">
.cadre td {     display: table-cell;     width:auto; }
</style>

Merci merci merci de ta patience ! ça fonctionne je n'ai plus qu'à terminer mon remplissage

OUF !

[lomart]

Re : Tableau ne s'affiche pas : se met en une seule colonne !

Content pour toi
Il ne reste plus qu'a passer le post comme réglé