Bonjour,
Parmi les règles d'accessibilité figure le fait de faire apparaître les données tabulaires sous forme de tableau. Soit.
Mais je voudrais que grâce à une astucieuse css, elles n'apparaissent pas visuellement dans un tableau, qui n'est pas très "sexy".
Peut-on par exemple sauter une ligne suivant certaines conditions de valeurs ?
Peut-on n'afficher que la première occurence d'une valeur de colonne (la rupture) ?
Merci d'avance de vos contributions.
Version complète: sur le forum Webmaster Hub : Tableau
Bonjour jnap,
Et bienvenue sur le Hub
J'avoue ne pas bien comprendre ce que tu souhaites obtenir
N'as-tu pas un exemple pour illustrer cela ?
Et bienvenue sur le Hub
J'avoue ne pas bien comprendre ce que tu souhaites obtenir
N'as-tu pas un exemple pour illustrer cela ?
CODE
<table class="liste">
<thead>
<th id="a">A</th>
<th id="o">O</th>
<th id="i">I</th>
</thead>
<tbody>
<tr>
<td headers="a">toto</td>
<td headers="o">tata</td>
<td headers="i">titi</td>
</tr>
<tr>
<td headers="a">toto</td>
<td headers="o">lambada</td>
<td headers="i">aioli</td>
</tr>
<tr>
<td headers="a">dodo</td>
<td headers="o">lambada</td>
<td headers="i">apresmidi</td>
</tr>
</tbody>
</table>
<thead>
<th id="a">A</th>
<th id="o">O</th>
<th id="i">I</th>
</thead>
<tbody>
<tr>
<td headers="a">toto</td>
<td headers="o">tata</td>
<td headers="i">titi</td>
</tr>
<tr>
<td headers="a">toto</td>
<td headers="o">lambada</td>
<td headers="i">aioli</td>
</tr>
<tr>
<td headers="a">dodo</td>
<td headers="o">lambada</td>
<td headers="i">apresmidi</td>
</tr>
</tbody>
</table>
Je veux que la 2è valeur "toto" n'apparaisse pas.
Je veux que la 1ère valeur "toto" et "dodo" apparaissent sur une ligne différents des colonne A et I.
Tu peux mettre des display:block sur tout ce que tu veux, y-compris des tableaux (qui sont par défaut en display:table-[quelquechose] ). Voir la propriété display à ce propos.
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.