Eléphanteau du PHP |
34 Messages
24 mars 2016, 14:30
Bonjour @rthur,
Merci pour votre proposition que j'ai appliquée. Le nouvel HTML est donc :
<!doctype html >
<html>
<head>
<meta charset = 'utf-8' />
<link rel='stylesheet' href='feuille.css'>
</head>
<body>
<div id="container">
<header>
</header>
<main>
<p>Un tableau de 800px de large avec 2 lignes et 2 colonnes au contenu centré</p>
<BR><div tableau800>
<table>
<tr>
<td>Je</td>
<td>voudrais</td>
</tr>
<tr>
<td>bien centrer tout son contenu et etre tout a fait certain que sa largeur soit bel et bien de 800 px de</td>
<td>largeur</td>
</tr>
</table>
</div>
<BR>
<p>Un tableau de 400px de large avec 3 lignes et 2 colonnes</p>
<div tableau400>
<table>
<tr>
<td>centré</td>
<td>centré</td>
</tr>
<tr>
<td>alignement droite</td>
<td>alignement gauche</td>
</tr>
<tr>
<td>alignement droite</td>
<td>alignement gauche</td>
</tr>
</table>
</div>
</main>
</div>
</body>
</html>
Tandis que le CSS serait :
#container
{
max-width: 1000px;
margin:0 auto;
}
main
{
clear:both;
display:flex;
width:100%;
}
table
{
border-collapse: collapse; /* Les bordures du tableau sont collées */
}
.tableau400
{
width:400px;
}
.tableau800
{
width:800px;
}
Je précise que je suis loin de maîtriser le CSS et que je me suis aidé de ce que j'ai trouvé et cru comprendre ...
J'ai les problèmes suivants:
- Tout s'affiche sur une ligne (les sauts à la ligne semblent inopérants).
Les alignements
dans les tableaux ne sont pas faits.
Pourriez-vous m'aiguiller ?
