A voir également:
- Problème image dans un tableau
- Tableau croisé dynamique - Guide
- Tableau ascii - Guide
- Comment faire un tableau - Guide
- Trier un tableau excel - Guide
- Image iso - Guide
3 réponses
TechPoint
Messages postés
15
Date d'inscription
vendredi 11 mai 2012
Statut
Membre
Dernière intervention
14 mai 2012
2
14 mai 2012 à 14:22
14 mai 2012 à 14:22
Salut, :)
Je viens d'aller voir sur ton site, c'est beaucoup plus simple de s'y repérer, et ce que je ne comprends pas, c'est pourquoi tu n'as tout simplement pas rentré les mêmes valeurs des autres tableaux dans ton premier tableau.
En effet, celui-ci est différent et je ne vois pas pourquoi tu as fait ça.
Je viens d'aller voir sur ton site, c'est beaucoup plus simple de s'y repérer, et ce que je ne comprends pas, c'est pourquoi tu n'as tout simplement pas rentré les mêmes valeurs des autres tableaux dans ton premier tableau.
En effet, celui-ci est différent et je ne vois pas pourquoi tu as fait ça.
txiki
Messages postés
6596
Date d'inscription
mercredi 30 janvier 2002
Statut
Contributeur
Dernière intervention
22 février 2024
519
14 mai 2012 à 15:27
14 mai 2012 à 15:27
1- Mais pourquoi diable fusionner 2 cellules pour y mettre une image ?
2- Ensuite, le premier tableau a un cellspacing de 30 et non de 15 pour les autres.
3- Et pourquoi faire plusieurs tableaux au lieu d'un seul avec autant de <tr> (lignes) que nécessaire ?
4- tes Valign=top ne servent à rien puisque le contenu s'adaptera au contenant (à condition de ne pas mettre de heigth="une valeur"). le cellpadding fera ton espace interne dans la cellule.
Le bonheur est la seule chose que l'on peut donner sans l'avoir.
2- Ensuite, le premier tableau a un cellspacing de 30 et non de 15 pour les autres.
3- Et pourquoi faire plusieurs tableaux au lieu d'un seul avec autant de <tr> (lignes) que nécessaire ?
4- tes Valign=top ne servent à rien puisque le contenu s'adaptera au contenant (à condition de ne pas mettre de heigth="une valeur"). le cellpadding fera ton espace interne dans la cellule.
Le bonheur est la seule chose que l'on peut donner sans l'avoir.
mpmp93
Messages postés
6648
Date d'inscription
mercredi 13 avril 2011
Statut
Membre
Dernière intervention
28 septembre 2015
1 339
Modifié par mpmp93 le 14/05/2012 à 15:44
Modifié par mpmp93 le 14/05/2012 à 15:44
Bonjour,
Déja dans les cellules ya pas besoin du cellpadding=2
Code corrigé:
et je pense que coté classes css affectées aux images, ya de quoi améliorer
A+
un +1 sur mes commentaires - si vous avez apprécié - c'est gentil, merci.
Déja dans les cellules ya pas besoin du cellpadding=2
Code corrigé:
<style type="text/css">
table { width: 100%; font: inherit; }
table tbody tr td { text-align: center; vertical-align: middle; width: 50%; }
table tbody tr td img { width: 150px; height: 112px; }
</style>
<table>
<tbody>
<tr>
<td>
<a href="https://18eavenue.files.wordpress.com/2012/04/img_0168.jpg">
<img class="alignnone size-thumbnail wp-image-59" title="IMG_0168" src="https://18eavenue.files.wordpress.com/2012/04/img_0168.jpg?w=150" alt="" /></a>
</td>
<td>
<a href="https://18eavenue.files.wordpress.com/2012/04/img_0169.jpg"><img class="size-thumbnail wp-image-60 aligncenter" title="IMG_0169" src="https://18eavenue.files.wordpress.com/2012/04/img_0169.jpg?w=150" alt=""/></a>
</td>
</tr>
<tr>
....mettre ici le contenu des <tr></tr> des autres tables
</tr>
</tbody>
</table>
et je pense que coté classes css affectées aux images, ya de quoi améliorer
A+
un +1 sur mes commentaires - si vous avez apprécié - c'est gentil, merci.
Le problème c'est que cà fonctionne sur une page normale. Mais là je suis sous wordpress en version auto hébergé inutile de dire que le css il connait pas. Donc je dois tout traiter en HTML brut. J'ai fait quelques modifications en mettant tout sous 1 seul tableau en retirant des paramètres comme valign mais c'est aps encore tout à fait çà.
mpmp93
Messages postés
6648
Date d'inscription
mercredi 13 avril 2011
Statut
Membre
Dernière intervention
28 septembre 2015
1 339
21 mai 2012 à 16:29
21 mai 2012 à 16:29
désolé, mais css embarqué dans la page web, c'est possible. Je vous ai mis l'exemple plus haut. Pour rappel:
<style type="text/css">
table { width: 100%; font: inherit; }
table tbody tr td { text-align: center; vertical-align: middle; width: 50%; }
table tbody tr td img { width: 150px; height: 112px; }
</style>
et ce juste avant votre <table>.....
A+
<style type="text/css">
table { width: 100%; font: inherit; }
table tbody tr td { text-align: center; vertical-align: middle; width: 50%; }
table tbody tr td img { width: 150px; height: 112px; }
</style>
et ce juste avant votre <table>.....
A+
14 mai 2012 à 15:08