par
AB » 21 janv. 2009, 00:16
et le mieux pr la mise en page est les CSS non ? mais bon ça avait l'air trop compliqué pour juste cette petite mise en page. pour ça que j'ai fait un tableau.
L'utilisation des css est indépendante du fait d'utiliser ou non les tableaux.
Et puis ne surtout pas croire qu'utiliser les tableaux est plus facile, bien au contraire. Pour une mise en page un peu complexe il est bien plus facile d'utiliser <div> <p> etc. Par exemple copies le code ci-dessous dans une page vierge et testes ce que cela donne. Ensuite essaies de refaire la même chose avec une mise en page utilsant uniquement des tableaux, tu comprendras vite la différence. En fait l'utilisation des tableaux est utile et justifiée uniquement pour présenter des données tabulaires.
Pour cet exemple, j'ai utilisé ce qu'on appelle des styles css incorporés mais il est préférable de les reporter en haut de page dans une feuille de style ou encore de les externaliser.
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Document sans titre</title>
</head>
<body>
<div style="width:500px; margin:auto; border:4px solid #000099; padding:1em; font-family:Arial, Helvetica, sans-serif; font-size:0.8em;text-align:justify; color:#003399;
line-height:1.5em ">
<img style="float:right;background-color:#000099;margin: 0 0 0.5em 1em" src="http://www.phpfrance.com/forums/images/logo_phpfrance.gif" alt="logo PHP France" />
L'utilisation des css est indépendante du fait d'utiliser ou non les tableaux. <br />
Et puis ne surtout pas croire qu'utiliser les tableaux est plus facile, bien au contraire. Pour une mise en page un peu complexe il est bien plus facile d'utiliser
<div> <p> etc. Par exemple copies le code ci-dessous dans une page vierge et testes ce que cela donne. Ensuite essaies de refaire la même chose
avec une mise en page utilsant uniquement des tableaux, tu comprendras vite la différence. En fait l'utilisation des tableaux est utile et justifiée
uniquement pour présenter des données tabulaires.<br />
Pour cet exemple, j'ai utilisé ce qu'on appelle des styles css incorporés mais il est préférable de les reporter en haut de page dans
une feuille de style ou encore de les externaliser.
</div>
</body>
</html>
Edit(naholyr) : merci de ne pas inclure des lignes longues (convention : plus de 80 caractères) dans la balise code, cela peut totalement déglinguer la mise en page et rendre la lecture très pénible. De plus l'exemple n'est pas forcément criant étant donné qu'un simple <img align="right"> fait la même chose à l'ancienne
[quote="Tohru222"]
et le mieux pr la mise en page est les CSS non ? mais bon ça avait l'air trop compliqué pour juste cette petite mise en page. pour ça que j'ai fait un tableau.[/quote]
L'utilisation des css est indépendante du fait d'utiliser ou non les tableaux.
Et puis ne surtout pas croire qu'utiliser les tableaux est plus facile, bien au contraire. Pour une mise en page un peu complexe il est bien plus facile d'utiliser <div> <p> etc. Par exemple copies le code ci-dessous dans une page vierge et testes ce que cela donne. Ensuite essaies de refaire la même chose avec une mise en page utilsant uniquement des tableaux, tu comprendras vite la différence. En fait l'utilisation des tableaux est utile et justifiée uniquement pour présenter des données tabulaires.
Pour cet exemple, j'ai utilisé ce qu'on appelle des styles css incorporés mais il est préférable de les reporter en haut de page dans une feuille de style ou encore de les externaliser.
[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Document sans titre</title>
</head>
<body>
<div style="width:500px; margin:auto; border:4px solid #000099; padding:1em; font-family:Arial, Helvetica, sans-serif; font-size:0.8em;text-align:justify; color:#003399;
line-height:1.5em ">
<img style="float:right;background-color:#000099;margin: 0 0 0.5em 1em" src="http://www.phpfrance.com/forums/images/logo_phpfrance.gif" alt="logo PHP France" />
L'utilisation des css est indépendante du fait d'utiliser ou non les tableaux. <br />
Et puis ne surtout pas croire qu'utiliser les tableaux est plus facile, bien au contraire. Pour une mise en page un peu complexe il est bien plus facile d'utiliser
<div> <p> etc. Par exemple copies le code ci-dessous dans une page vierge et testes ce que cela donne. Ensuite essaies de refaire la même chose
avec une mise en page utilsant uniquement des tableaux, tu comprendras vite la différence. En fait l'utilisation des tableaux est utile et justifiée
uniquement pour présenter des données tabulaires.<br />
Pour cet exemple, j'ai utilisé ce qu'on appelle des styles css incorporés mais il est préférable de les reporter en haut de page dans
une feuille de style ou encore de les externaliser.
</div>
</body>
</html>[/code]
Edit(naholyr) : merci de ne pas inclure des lignes longues (convention : plus de 80 caractères) dans la balise code, cela peut totalement déglinguer la mise en page et rendre la lecture très pénible. De plus l'exemple n'est pas forcément criant étant donné qu'un simple <img align="right"> fait la même chose à l'ancienne ;)
