Discussion :

[dewey01]

Bonjour à tous,

n'ayant que trop peu d’expérience dans le web je me retrouve face à un problème qui va sans doute vous semblez ridicule mais dont je ne trouve pas la solution en fouillant chez notre ami Google.

Ce que je souhaiterai faire c'est d'ajouter un titre au dessus de 4 colonnes (simplement un groupement de cellules au dessus des dites colonnes). Voici un aperçu de ce que j'aimerais réussir à faire :



J'ai bien sur trouvé l'attribut "span" pour regrouper des cellules mais je n'arrive pas à l'utiliser dans mon cas.

Merci d'avance pour les pistes.

[Bovino]

Ben... il n'y a pourtant rien de compliqué si tu connais l'attribut colspan...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<table>
<tr>
    <th>1</th><th>2</th><th>3</th><th colspan="3">4</th><th colspan="3">5</th>
</tr>
<tr>
    <td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td>
</tr>
</table>

[dewey01]

Pardon mais je me suis mal exprimé et les "col1", "col2" etc sur mon image sont des titres et sont pour moi des <th> pas des <td>. La difficulté était donc d'avoir 2 lignes de titre (<th>) avec sur la première ligne que la fin d'utilisé.

Donc au final j'ai adapté ta solution en faisant ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<table>
<tr>
    <th></th><th></th><th></th><th colspan="3">4</th><th colspan="3">5</th>
</tr>
<tr>
    <th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th><th>8</th><th>9</th>
</tr>
</table>

Par contre je ne sais pas si c'est très "propre" de mettre des balises

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<th></th>

sans rien dedans !

Merci en tout cas.

[Bovino]

Très propre ou pas, ce n'est pas le souci, c'est en tout cas autorisé et valide.
La seule chose, c'est que certaines versions d'IE interprètent mal les cellules vide (<th> ou <td>), il est donc préférable de mettre un &nbsp; dedans :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<th>&nbsp;</th><th>&nbsp;</th><th>&nbsp;</th><th colspan="3">4</th><th colspan="3">5</th>

Note qu'un espace simple ne suffit pas

[dewey01]

Au final j'ai fait un :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<th colspan="3">&nbsp;</th>

Merci pour l'aide, je passe le sujet en résolu.