Signification

La conception sans tableaux est ce que la plupart des pages Web ont. Cela signifie que la plupart des développeurs adhèrent aux classes CSS pour concevoir des images et du texte sur une page. Auparavant, les tableaux contenant des cellules, des lignes et des colonnes contrôlaient l'apparence d'une page Web. Cependant, avec une conception sans tables, la disposition est contenue dans un conteneur "div". Un conteneur div vous permet de placer des sections de la page dans différentes zones du code HTML et de contrôler les différentes sections de votre page sans affecter les autres zones.

Format vertical

La propriété "valign" est la balise de ligne interne HTML qui contrôle la position verticale d'un objet contenu. Par exemple: si vous avez un conteneur div de 50 pixels de haut, le paramètre "valign" au "milieu" place le contenu à 25 pixels du haut du conteneur. Même si vous déplacez le conteneur div à un emplacement différent, il restera centré verticalement.

Classes CSS

Les feuilles en style cascade vous permettent de configurer des classes de conception afin que vous puissiez lier vos éléments HTML à une classe sans avoir à saisir manuellement le style de chaque élément. Voici un exemple de classe CSS qui aligne les éléments verticalement:

div {

alignement vertical: milieu; }

Cette classe aligne verticalement le contenu au milieu d'un div appelé "div".

Considérations

La conception CSS nécessite du temps et de la pratique. Si l'alignement est remplacé pour une div, vous pouvez ruiner la mise en page du reste de la page. Vous devez ouvrir la page HTML avec ses classes CSS associées dans chaque navigateur commun, tel que Firefox, Chrome et Internet Explorer, pour vous assurer que la conception fonctionne correctement dans les navigateurs de vos lecteurs.