Sommaire > Techniques > Rendu visuel des éléments         Avertissement sur ce chapitre         Pourquoi ne pas utiliser de mise en page à base de tableaux ?         Comment supprimer le cadre d'une image quand celle-ci est definie dans un lien ?         Comment centrer horizontalement un tableau dans une page ?         Comment changer la police de caractères d'un lien ?         Peut-on créer un champ de saisie à angles arrondis ? Précédent   Sommaire         Version PDF (Miroir)   Version hors-ligne (Miroir) Avertissement sur ce chapitre [haut] auteur : MasterOfChakhaL Le langage HTML est prévu pour structurer l'information contenue dans un document à publier sur le web. Idéalement, le rendu visuel que vous souhaitez obtenir ne doit pas influencer le choix des balises et attributs que vous utiliserez. Il y a quelques années encore, si nous voulions donner une apparence particulière à nos pages, il n'y avait pas d'autres choix que de détourner de leur usage certaines balises afin de servir la cause du design (exemple: l'élément table). Ce chapitre regroupe des techniques de présentation se basant sur le balisage HTML. Aujourd'hui, ces techniques sont rendues obsolètes par le support convenable des feuilles de styles (CSS) sur tous les navigateurs modernes. Les questions suivantes ont toutefois été conservées dans cette FAQ car il est très possible que vous tombiez un jour où l'autre sur une vieille page utilisant ce genre de technique ou que vous ayez besoin de travailer avec un vieux navigateur. lien :  FAQ CSS Pourquoi ne pas utiliser de mise en page à base de tableaux ? [haut] auteur : trotters213 Il y a plusieurs causes : C'est sémantiquement incorrect : les tableaux doivent être utilisés pour afficher des données tabulaires et non pour faire de la mise en page. La multiplication des balises nécessaires à la déclaration des tableaux alourdit grandement le code et le rend illisible donc l'affichage est plus long (surtout en cas d'utilisation de tableaux imbriqués). L'accessibilité est réduite pour les lecteurs d'écran ou les navigateurs non-graphiques (donc pour les mal-voyants mais aussi les moteurs de recherche). Avec l'avènement du XHTML et du CSS et donc, la séparation du fond et de la forme, il est préférable d'utiliser des balises <div> couplées aux feuilles de styles CSS pour créer une page web. La mise en page à base de div et de CSS facilite la mise à jour du fait de la séparation du fond et de la forme. L'utilisation des tableaux est également un problème pour l'impression. La modification du CSS (s'il y en a un) ne permettant pas, la plupart du temps, de régler les problèmes de l'impression, il faut créer une page propre à l'impression en plus de la page web. lien :  Div et CSS : une mise en page rapide et facile de Pierre-Baptiste Naigeon lien :  Rédigez correctement votre code HTML : les tableaux, par Guillaume Rossolini lien :  Rédigez correctement votre code HTML : les divisions, par Guillaume Rossolini Comment supprimer le cadre d'une image quand celle-ci est definie dans un lien ? [haut] auteur : Florian L'attribut border spécifie l'épaisseur de la bordure d'un objet. Pour enlever le cadre, il suffit de définir l'épaisseur à la valeur 0. <a href="ma_page.html"><img src="mon_image.gif" border="0" /></a> lien :  FAQ CSS: Comment supprimer le cadre d'une image quand celle-ci est definie dans un lien ? Comment centrer horizontalement un tableau dans une page ? [haut] auteur : Linaa En (X)HTML, on utilise l'attribut align qui peut prendre pour valeur : left, center, ou right. Définition du tableau <table align="center"> <tr><td>Contenu du tableau</td></tr> </table> lien :  FAQ CSS: Comment centrer horizontalement un élément block en CSS ? Comment changer la police de caractères d'un lien ? [haut] auteurs : Géronimo, Macmillenium <a href="mapage.htm"><font size=5 color="#00FF00">Hello</font></a> Attention: La balise <font> devient obsolète à terme. Quasiment tous les navigateurs prennent en charge les feuilles de style, qui sont beaucoup plus puissantes et apropriées que les simples balises html. lien :  FAQ CSS: Typographie Peut-on créer un champ de saisie à angles arrondis ? [haut] auteur : Eric Berger Oui c'est possible mais il faut le construire. Le principe est de créer un tableau de 9 cases (3x3). Dans les cases 1, 3, 7 et 9 on place une image de coin arrondi (chacune tournée dans le bon sens), dans les cases 2, 4, 6 et 8 on place des bordures droites et dans la case 5, le champ texte. A l'aide d'une feuille de style, on peut faire en sorte que le champ texte se fonde dans l'arrière-plan. Visuellement, on aura donc un champ texte avec des angles arrondis, le texte ne sera pas collé au bord. lien :  FAQ CSS: Fonds et arrière-plans Précédent   Sommaire         Version PDF (Miroir)   Version hors-ligne (Miroir) Consultez les autres F.A.Q's

Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright © 2004 Developpez.com Developpez LLC. Tous droits réservés Developpez LLC. Aucune reproduction, même partielle, ne peut être faite de ce site ni de l'ensemble de son contenu : textes, documents et images sans l'autorisation expresse de Developpez LLC. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.