Tableau HTML centré

Fermé

Tableau
Html

jlebohec - 16 juin 2011 à 10:19
ed - 16 juin 2011 à 15:29

Bonjour,

J'ai à peu près le même problème, voici mon code :

<table align="center" border="1" >
<tbody>
<tr>
<th>Préconisations</th>
<th>Evènements</th>
</tr>
<tr>
<td>
<div class="separator" style="clear: both; text-align: left;"><a href="http://julienlebohec.files.wordpress.com/2011/06/special-t.ppsx"><img class="alignleft size-full wp-image-43" title="PPT préconisations" src="http://julienlebohec.files.wordpress.com/2011/06/pptlogo1.png" alt="" width="136" height="136" /></a></div></td>
<td><a href="http://julienlebohec.files.wordpress.com/2011/06/c3a9vc3a8nement-final-special-t.ppsx"><img class="alignright size-full wp-image-44" title="PPT évènement" src="http://julienlebohec.files.wordpress.com/2011/06/pptlogo2.png" alt="" width="131" height="131" /></a></td>
</tr>
</tbody>
</table>

Je souhaite pour ma part, tout centrer : tableaux, texte et images

Quelqu'un pourrait-il m'aider ?

Merci d'avance

A voir également:

7 réponses

Réponse 1 / 7

ed
16 juin 2011 à 10:45

Voili Voilou :

<html>
<head>
<title>
Centrer table
</title>
</head>
<body>
<div style="width:100%; text-align:center;">
<TABLE>
<TBODY>
<TR>
<TD>
<INPUT value="Bouton Center" type=button>
</TD>
</TR>
</TBODY>
</TABLE>
</div>
</body>
</html>

Réponse 6 / 7

jlebohec
16 juin 2011 à 14:02

Je reformule mon souhait :

Je veux faire un tableau avec deux colonnes et deux lignes centré.
Dans mes deux premières cellules je veux mettre du texte, centré.
Et dans la dernière ligne, je veux mettre deux images, centrées elles aussi.

Voici mon code : (les images renvoient à un lien)

TABLE align="center" BORDER="1">
<TR>
<TH> Préconisations </TH>
<TH> Evènements </TH>
</TR>
<TR>
<TD> <div class="separator" style="clear:both;text-align:center;"><a href="http://julienlebohec.files.wordpress.com/2011/06/special-t.ppsx"><img class="aligncenter size-full wp-image-43" title="PPT préconisations" src="http://julienlebohec.files.wordpress.com/2011/06/pptlogo1.png" alt="" height="136" width="136"></a><br></div>
</TD>
<TD> <div class="separator" style="clear:both;text-align:center;"><a href="http://julienlebohec.files.wordpress.com/2011/06/c3a9vc3a8nement-final-special-t.ppsx"><img class="aligncenter size-full wp-image-44" title="PPT évènement" src="http://julienlebohec.files.wordpress.com/2011/06/pptlogo2.png" alt="" height="131" width="131"></a>
</TD>
</TR>
</TABLE>

ed
16 juin 2011 à 14:12

Tu n'as pas fermé ta deuxième div dans le <TD> !!

jlebohec
16 juin 2011 à 14:14

Je viens de la fermer, le problème persiste ..

ed
16 juin 2011 à 14:16

Sinon il fonctionne ton code !!! Ou alors j'ai toujours pas compris ce que tu voulais faire !!

jlebohec
16 juin 2011 à 14:20

Sa fonctionne, certes, mais ni le tableau, ni le texte, ni les images ne sont centrées

ed
16 juin 2011 à 14:25

Si ils sont centré dans le tableau !!

Réponse 7 / 7

lm88fr
16 juin 2011 à 14:50

jlebohec
16 juin 2011 à 14:57

Je ne sais pas utiliser le code CSS,, il apparaît en visuel quand je le rentre dans la partie HTML

ed
16 juin 2011 à 15:01

les balises <style></style> tu les mets entre les balises <head></head>
Apres il n'y a rien de compliquer...

Discussions similaires

Comment centrer un tableau en html ?

affichage d'un tableau en javascript

couleur de texte dans une cellule HTML

Insérer un tableau avec images en html

[html]Agrandir un champ de tableau par le bas

Affichage des données mysql dans un tableau html