Question sur les tableaux

Fermé

johninja Messages postés 28 Date d'inscription jeudi 14 octobre 2010 Statut Membre Dernière intervention 15 mai 2015 - Modifié par johninja le 30/08/2014 à 02:20
johninja Messages postés 28 Date d'inscription jeudi 14 octobre 2010 Statut Membre Dernière intervention 15 mai 2015 - 23 oct. 2014 à 02:06

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.

A voir également:

6 réponses

Réponse 1 / 6

Lerendra Messages postés 408 Date d'inscription jeudi 26 septembre 2013 Statut Membre Dernière intervention 28 mai 2018 299
30 août 2014 à 11:26

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

johninja Messages postés 28 Date d'inscription jeudi 14 octobre 2010 Statut Membre Dernière intervention 15 mai 2015 1
30 août 2014 à 13:38

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à.

mr_demonicon Messages postés 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 126
Modifié par mr_demonicon le 30/08/2014 à 13:42

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)

Réponse 2 / 6

mr_demonicon Messages postés 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 126
Modifié par mr_demonicon le 30/08/2014 à 13:34

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

Réponse 3 / 6

johninja Messages postés 28 Date d'inscription jeudi 14 octobre 2010 Statut Membre Dernière intervention 15 mai 2015 1
30 août 2014 à 14:32

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.

Réponse 4 / 6

mr_demonicon Messages postés 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 126
30 août 2014 à 15:05

j'ai toujours pas compris stp fais un schema ou quelque chose comme

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

Posez votre question

Réponse 5 / 6

johninja Messages postés 28 Date d'inscription jeudi 14 octobre 2010 Statut Membre Dernière intervention 15 mai 2015 1
30 août 2014 à 15:54

Voila ce que je veut obtenir :

http://img11.hostingpics.net/pics/258657Sanstitre1.jpg

Réponse 6 / 6

johninja Messages postés 28 Date d'inscription jeudi 14 octobre 2010 Statut Membre Dernière intervention 15 mai 2015 1
23 oct. 2014 à 02:06

Je me permet de relancer puisque je n'ai toujours pas réussie à trouver.

Merci d'avance pour votre aide.

Discussions similaires

ou sont les bananes ?

Impossible d'afficher le rapport de tableau croisé dynamique sur un rapport

code ascii

Bibliothèque

liste de noms par ordre alphabétique

Discussions similaires

Newsletters