Question sur les tableaux

johninja Messages postés 28 Date d'inscription   Statut Membre Dernière intervention   -  
johninja Messages postés 28 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour je souhaite créer un tableau via le HTML.

Je voudrais savoir si il est possible de combiner la commande permettant de fusionner les colonnes ( le rowspan) et celle permettant de faire fusionner les lignes (le colspan) afin d'obtenir des cellules étant à la fois plus large et plus haute que les autres.

J'ai essayé de mettre les 2 balises l'une après l'autre, la première ligne obtient le format souhaité, mais la seconde se place à coté de la première et ne prend plus du tout le format souhaitée. Étrangement les lignes qui suive se place alors en dessous de la première avec un format conforme.

Voilà ce que ça donne en image :

http://img4.hostingpics.net/pics/928854Sanstitre2.jpg

Merci d'avance pour votre aide.

6 réponses

Lerendra Messages postés 412 Date d'inscription   Statut Membre Dernière intervention   299
 
Bonjour !

Je ne vois pas trop ce que tu veux dire. Mais peux tu me faire voir ton code html et css de ton tableau pour que je puisse comprendre. Ainsi je pourrai régler ton problème.

Lerendra
0
johninja Messages postés 28 Date d'inscription   Statut Membre Dernière intervention   1
 
Pour faire simple, la première ligne est conforme, tout comme la 3em, la 4em et la 5em.

Cependant la seconde, segmentée en 2 partie ("Pokémon " et "Pourquoi ce Pokémon ?" sur l'image) se retrouve au niveau de la premier ligne alors qu'elle devrait être en dessous.

Si j'enlève la balise rowspan (qui permet de fusionner les cellules en colonnes) j'obtient ceci :

http://img11.hostingpics.net/pics/627962Sanstitre2.jpg

Je veut que la première ligne soit comme dans la première image mais que le reste du tableau soit comme dans cette image ci.


Voici le code du tableau " buggé " :

[table border="4"][tr][td colspan="2" rowspan="2" width="100%"][center][b]Partenaire idéaux[/b][/center]
[/td]
[/tr]
[tr][td width="5%"][center]Pokémon[/center]
[/td]
[td width="95%"][center]Pourquoi ce Pokémon ?[/center]
[/td]
[/tr]
[tr][td width="5%"][center][url=http://www.neverused.net/t2555-tartard-poliwrath?highlight=tartard][img]https://www.serebii.net/pokedex-xy/icon/062.png[/img][/url][/center]
[/td]
[td width="95%"][center]Son double type lui permet de résister à trois faiblesses de Séracrawl et de contrer de façon super efficace.[/center]
[/td]
[/tr]
[tr][td width="5%"][center][url=http://www.neverused.net/t3137-crapustule-seismitoad?highlight=crapustule][img]https://www.serebii.net/pokedex-xy/icon/537.png[/img][/url][/center]
[/td]
[td width="95%"][center]Son double type lui permet d'encaisser trois faiblesses de Séracrawl, en plus de pouvoir poser les Pièges de Roc.[/center]
[/td]
[/tr]
[tr][td width="5%"][center][url=http://www.neverused.net/t1039-mushana-musharna?highlight=mushana][img]https://www.serebii.net/pokedex-xy/icon/518.png[/img][/url][/center]
[/td]
[td width="95%"][center]Ses stats défensives lui permettent de jouer le rôle de staller spécial, un plan sur lequel Séracrawl est très fragile.
Il peut également encaisser le type Combat, et lancer la Distorsion.[/center]
[/td]
[/tr]
[/table]

Si les balises de ce dernier sont des crochets au lieu d'être des "<" et ">" c'est normal et cela n'a aucune influence.

Je tient également à préciser que le site de comment ça marche supprime automatiquement les crochets sur les fin de balise, probablement pour ne pas les faire fonctionner, mais qu'ils sont bien là.
0
mr_demonicon Messages postés 828 Date d'inscription   Statut Membre Dernière intervention   126
 
pour mettre du code utilise plutot les balise <code html(>ton contenu </code(> pour encadrer ton code voila sinon regarde ma reponse au dessus (enleve simplement les parentheses)
0
mr_demonicon Messages postés 828 Date d'inscription   Statut Membre Dernière intervention   126
 
ta reponse tiens dans ca
 <tr>
            <th rowspan="2">& nbsp;</th>
            <th colspan="4"> </th>
        </tr>

& nbsp; est un vrai espace (supprime l'espace entre & et nb bien sur^^) par exemple si tu veux faire une tabulation en espace ton navigateur ne comptera que 1 espace sur les 4 que l'on aura besoin ce symbole permetra de rajouter 3 vrai espace en plus
0
johninja Messages postés 28 Date d'inscription   Statut Membre Dernière intervention   1
 
Désolé mais je n'arrive pas à l'appliquer au tableau.

Peut tu me monter un exemple de tableau où tu l'utilise.
Tableau qui, je le rappelle, doit posséder une première ligne d'une seule cellule de l'épaisseur et de la largeur de 2 cellule et une seconde ligne d'une épaisseur normale et composé cette fois de 2 cellules.
0
mr_demonicon Messages postés 828 Date d'inscription   Statut Membre Dernière intervention   126
 
j'ai toujours pas compris stp fais un schema ou quelque chose comme
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
johninja Messages postés 28 Date d'inscription   Statut Membre Dernière intervention   1
 
Voila ce que je veut obtenir :

http://img11.hostingpics.net/pics/258657Sanstitre1.jpg
0
johninja Messages postés 28 Date d'inscription   Statut Membre Dernière intervention   1
 
Je me permet de relancer puisque je n'ai toujours pas réussie à trouver.

Merci d'avance pour votre aide.
0