Auteur Sujet: CSS et les Tables (noob alert)  (Lu 3883 fois)

0 Membres et 1 Invité sur ce sujet

Hors ligne c20xh2

  • Membre Junior
  • *
  • Messages: 20
  • +5/-0
CSS et les Tables (noob alert)
« le: 08 décembre 2014 à 14:25:52 »
Bonjour tout le monde,

Je vous avoue ne pas avoir fait une tonne de recherche sur le sujet mais je prend une chance tout d'un coup qu'un expert html/css vois mon post, question:

J'ai un rapport qui ce génère dans le format suivant :

---------- CUSTOM STATUS CATEGORY STATS       
+----------------------+------------+--------------------------------+
| CATEGORY             | CALLS      | DESCRIPTION                    |
+----------------------+------------+--------------------------------+
| BAD                  |          0 | Bad Lead                       |
| RPC                  |          0 | Appels Parles                  |
+----------------------+------------+--------------------------------+

Un jolie tableau en ASCII -_-

J'aimerais bien faire une feuille CSS pour rendre sa visuellement plus agréable.

Avant de mettre du temps à trouver une solution je voudrais simplement m'assurer qu'il est possible de remplacer cette horreur par un "vrai" tableau et se sans modifier le rapport original.

Merci d'avance !

Hors ligne WarLocG

  • Contributeur de Kali-linux.fr
  • Membre sérieux
  • *****
  • Messages: 474
  • +68/-0
  • Spé Code Python Java Bash
Re : CSS et les Tables (noob alert)
« Réponse #1 le: 08 décembre 2014 à 15:03:59 »
Il faudrait que tu nous renseignes davantage de précisions sur la génération (dynamique ?) de ton tableau (XML-XSL, PHP, Java JSP-Servlet, ASP, ColdFusion, ... )

La facon la plus simple c'est depuis des balises <table> </table>, petit exemple avec du php inclus.
<!-- exemple simple -->
<style>
  TR TD {border: 1px black solid; }
  TD {width: 200px; }
</style>

<table cellspacing="0" cellpadding="0" border="1">
<caption> CUSTOM STATUS CATEGORY STATS </caption>
<tr>
  <td> CATEGORY </td>
  <td> CALLS </td>
  <td> DESCRIPTION </td>
</tr>
<?php /* creation dynamique du tableau */
$lines = array (array("BAD""0""Bad Lead"), array("RPC""0""Appels Parles")); // lignes de test
for ($i 0$i count($lines); $i++){ // tu adaptes selon ton projet ; ici $lines est une array pour l'exemple ; le mieux est encore d'utiliser un foreach
  
echo "<tr>\n";
  foreach(
$lines[$i] as $value){ echo "<td>".$value."</td>\n"; }
  echo 
"</tr>\n";
}
?>

</table>

Note: en complément à <table>, on peut aussi se servir de <thead>, <tbody> et <tfoot>.
Un exemple ici avec php + mysql => http://openclassrooms.com/forum/sujet/tableau-avec-css-et-array-php-15940
Et ici tu as tout ce qu'il faut pour l'habillage de la CSS (je pense que c'est la ta question) => http://openweb.eu.org/articles/tableaux_css

Maintenant l'idéal serait d'utiliser des <div> avec style float et width renseignées pour se débarrasser des balise <table>

Il faudrait que tu nous donnes plus de précisions sur ce que tu attends de nous.
« Modifié: 09 décembre 2014 à 00:16:29 par WarLocG »
A lire avant de poser vos questions : http://www.linux-france.org/article/these/smart-questions/smart-questions-fr.html
Pour les questions de base sous debian : https://debian-facile.org/index-df.php
Veuillez utiliser la fonction Rechercher avant de poster.

Hors ligne c20xh2

  • Membre Junior
  • *
  • Messages: 20
  • +5/-0
Re : CSS et les Tables (noob alert)
« Réponse #2 le: 09 décembre 2014 à 01:08:10 »
Dude,

Merci ! J'était vraiment pas claire et tu m'as donner une excellente piste de solution.

bonne journée !