FAQ (X)HTMLConsultez toutes les FAQ

Nombre d'auteurs : 23, nombre de questions : 53, dernière mise à jour : 30 mars 2017 

 
OuvrirSommaireTechniquesRendu visuel des éléments

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.

Créé le 29 février 2008  par MasterOfChakhaL

Lien : FAQ CSS

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.
Créé le 29 février 2008  par trotters213

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

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.

 
Sélectionnez

<a href="ma_page.html"><img src="mon_image.gif" border="0" /></a>
        
Mis à jour le 23 janvier 2007  par Florian

Lien : FAQ CSS: Comment supprimer le cadre d'une image quand celle-ci est definie dans un lien ?

En (X)HTML, on utilise l'attribut align qui peut prendre pour valeur : left, center, ou right.

Définition du tableau
Sélectionnez

<table align="center">
  <tr><td>Contenu du tableau</td></tr>
</table>
        
Créé le 23 janvier 2007  par Linaa

Lien : FAQ CSS: Comment centrer horizontalement un élément block en CSS ?

 
Sélectionnez

<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.

Mis à jour le 15 septembre 2009  par Géronimo, Macmillenium

Lien : FAQ CSS: Typographie

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.

Créé le 27 juillet 2006  par Eric Berger

Lien : FAQ CSS: Fonds et arrière-plans

  

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 et 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.