Résolu Rubrique différente des principales

Est-ce que c'est cela que tu souhaites ? Clic -> ICI.

@Kiharu

Bonjour,

Tu pensais abandonner parce que le code que j'ai proposé ne réalisait pas totalement ce que tu attendais ? 

il ne faut jamais abandonner dès la première proposition en pensant que c'est impossible. D'abord il n'est jamais sûr que la question soit bien comprise, ensuite le premier choix de code qui vient à l'esprit n'est pas toujours le meilleur, et ensuite encore la solution peut venir d'une autre personne l

Réunir ton tableau au titre de l'article, avec la même largeur C'EST POSSIBLE (sans beaucoup de code, sur mon ordi)  Colette95 va te conduire au but.

Bonne suite

Bonjour, oui, parce que normalement les codes que tu me donnes fonctionnent après le deuxième essaie mais là, j'ai l'impression d'avoir demandé l'impossible ou du moins quelque chose avec une difficulté plus élevé qui irait selon moi au delà de mes compétences en CSS mais bon si Colette peut y arrivé alors je vais essayer avec sa technique peut-être que ça donnera le résultat escompté. ^w^

Colette, j'ai regardé ton image mais non, en fait, je voudrais que les bandes de couleur foncé soit collés. Dans le fond, je veux plus de ce que j'ai écris avant le tableau. (Je l'effacerais) et que les deux bandes soient collé mais avec le code que Stormalo m'a donné, j'ai toujours une espace entre les deux bandes. Je veux que le tableau devient l'article.

Bonjour Kiharu,

stormalo t'a donné un bon conseil -> ne jamais abandonner... c'est comme cela que l'on apprend ! 

Bon maintenant que c'est plus clair, voici les codes que j'ai mis et qui fonctionnent parfaitement sur mon blog.

<p style="display: none;">&nbsp;</p><!--pour éviter le bug-->
<style><!-- 
#module_titre_article146723830 {
   margin-left: -25px;
   margin-right: -32px;
}

#module_contenu_article146723830 {
  display: inline-block; /*voir pour suppression*/
  padding: 0;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -5px;
}
--></style>

<table style="border: 1px solid #292929; width: 100%; height: 25px; background-color: #c4c4c4;" border="white" cellpadding="5" height="35">
<tbody>
<tr>
<td style="padding: 10px; width: 33.333%; text-align: center; background-color: #292929;" scope="row"><span style="color: #ffffff;"><strong>FRAN&Ccedil;AIS</strong></span></td>
<td style="padding: 10px; width: 33.333%; text-align: center; background-color: #292929;" scope="row"><span style="color: #ffffff;"><strong>JAPONAIS</strong></span></td>
<td style="padding: 10px; width: 33.333%; text-align: center; background-color: #292929;" scope="row"><span style="color: #ffffff;"><strong>D&Eacute;FINITION</strong></span></td>
</tr>

Toutes les valeurs en rouge sont à adapter. Vois si tu peux supprimer le inline-block car en téléchargeant ta feuille de style il était indispensable et avec la mienne non.

Sauvegarde tes codes, copie/colle ceux-ci et dis-moi si ça fonctionne.

PS. Il faudra penser à rectifier les erreurs dans ta feuille de style qui peuvent être à l'origine d'une mauvaise interprétation voire blocage de certains codes.

avec le code de stormalo, ça donne ceci.

Est-ce qu'il y a un moyen d'enlever le contour du tableau tout en gardant les lignes de séparation à l'intérieur? parce que ça me fait un truc bizarre sur le côté comme si j'avais une double bordure. 

edit: J'ai trouvé un moyen pour que l'article prend la forme du tableau au complet sans avoir la bordure bizarre sur le côté mais là, je me demandais si c'était possible de changer les dimensions des cellules? J'aimerais que la cellule français & japonais soit plus petit à comparer à celle des définitions? 

J'aimerais également pouvoir faire la même chose avec les autres articles de la rubrique mais j'y arrive pas. Le titre devient complètement décalé et plus long que la largeur de l'article comme ici. Comment faire svp?

MDR, tu as utilisé le code de stormalo ou le mien ?...   Bon, le principal c'est que tu ais obtenu ce que tu souhaitais, ton tableau est collé au titre.

Pour la suite, n'oublie pas que tu as des codes relatifs au design dans le html et des valeurs exprimées en %. A toi de faire des essais !...

Bonnes suites. 

En fait, j'ai utilisé les deux. J'ai mis le code de stormalo dans le css et le tien dans le html. 

J'ai trouvé pour les cellules, c'était écrit 33% partout alors j'ai réduis pour les deux première case. Sinon, comment faire pour les autres article dans la rubrique parce que j'aimerais qu'il soit tous identique. Comment faire? parce que j'ai essayé avec les même code en changeant le numéro mais ça ne fonctionne pas. Le résultat ressemble à ça.

Edit: j'arrive pas à faire la même chose avec l'article du milieu. Il veut pas du tout se placer. Le titre et l'article sont décaler par rapport aux autres. Au secours svp!!

Bravo Kiharu si ça marche !   

ça me fait penser à la fabrication  un Side-car en utilisant une Brouette et un Vélo 

Trop drôle, je n'ai pas résisté, le css de l'un dans le thème et celui de l'autre dans le html, ça doit être une première. 

En fait, plusieurs de mes css sont comme ça. Pour modifié le code html, je mets du css. Comme pour mes liens qui ont un fond gris, ça change selon le code html mais aussi avec le code css, je change la présentation. Disons, j'écris que mes liens de la ligne h1 doivent être bleu mais celle de h2 je les veux d'une autre couleur. Ça me prend un code css mais aussi un code html je vais ajouter h1 ou h2 selon la couleur que j'ai besoin dans le code html dont j'ai écris la base en css. Du coup, si j'ai besoin de changer à nouveau la couleur mais que j'ai mis l'html un peu partout sur mon blog. J'ai juste à aller modifié mon css au niveau de la couleur et ça le change partout où il y a une source du code dans mes article avec le html. 

J'ai du mal avec les codes, c'est vrai mais depuis que je suis sur ekla, j'ai tellement chercher & essayer plein de truc que j'apprend énormément. 

Mais là, j'ai un petit soucis parce que je voulais que la rubrique entière soit identique. J'y arrive avec deux articles mais pas celui du mileu. Celui du mileu est tout décalé vers la gauche et le titre dépasse d'un bord à l'autre. Quelqu'un aurait une solution? parce que je touche vraiment au but de ce que je voulais avoir au départ.

Mettre du css dans le thème et dans le html pour atteindre un objectif c'est courant, mais mettre dans les deux endroits 2 codes indépendants qui ont en théorie le même objectif, ça je n'ai jamais vu.

Ceci dit tu as 1 rubrique c30107338 qui contient 2 articles, le a146723732 qui contient 1 tableau et  le a146723830  qui contient 2 tableaux.

Si tu affiches la rubrique, le tableau du milieu est en fait le premier tableau du second article.
Si tu affiches le second article seul, l'affichage de ce tableau sera comme celui du premier article.

Etc.. 

C'est cette situation qu'il faut avoir à l'esprit quand on modifie que quelques articles. Par exemple, le css dans le html de l'un peut perturber tous les autres qui sont affichés dans le même rubrique d'articles ou dans la rubrique des "articles récent"

Pour info: l'espace qui restait au début du sujet après suppressions des p et du trait <hr/> provenait de l'attribut margin-top de la balise table. (solution: margin-top à 0px).