Alignez Votre Site Au Centre

Table des matières:

Alignez Votre Site Au Centre
Alignez Votre Site Au Centre

Vidéo: Alignez Votre Site Au Centre

Vidéo: Alignez Votre Site Au Centre
Vidéo: COMMENT CENTRER / ALIGNER UNE IMAGE EN HTML / CSS ? 2024, Novembre
Anonim

Lors du codage, le webmaster doit faire beaucoup d'efforts pour que le site soit aussi beau à différentes résolutions d'écran. La meilleure solution est de centrer tout le contenu sur la page.

Alignez votre site au centre
Alignez votre site au centre

Instructions

Étape 1

La méthode d'alignement au centre dépend de la méthode de mise en page. Vous pouvez utiliser des balises ou

… Bien sûr, il est plus facile d'envelopper tout le contenu dans une balise, mais elle est obsolète depuis longtemps et il n'y a aucune garantie que tout fonctionnera correctement. Le moyen le plus moderne est d'utiliser la technologie CSS.

Étape 2

La balise sépare une partie du code en un seul bloc, vous permettant de modifier l'apparence du contenu, en donnant au fragment une police, une couleur, un arrière-plan, etc. Avec la mise en page par blocs, tout le contenu de la balise est placé dans la balise. Dans nous définissons l'alignement avec l'attribut align. Il ressemblera à ceci:

Contenu du site

Étape 3

Le centrage peut également être défini à l'aide des outils CSS. Pour ce faire, vous devez créer un fichier séparé de feuilles de style ou tout placer dans le même fichier HTML, dans la balise. Le code ressemblera à ceci:

* {marge: 0; remplissage: 0;}

corps {

text-align: centre;

}

div {

largeur: 700px;

marge: 0 automatique;

}

Étape 4

Dans la disposition des tableaux, le centrage est défini à l'aide de tableaux dans la balise

… Le code sera comme ceci: <table du site

… Le tableau sera situé au centre de la page, respectivement, et son contenu le sera également. Vous pouvez également définir la largeur de n'importe quel bloc en le spécifiant à l'aide du paramètre width.

Étape 5

Lorsque vous choisissez une largeur de page, gardez à l'esprit que les résolutions d'écran des utilisateurs peuvent être très différentes de la vôtre. Parfois, afin de ne pas vous tromper avec la taille, vous devez tout définir en pourcentage. Ceci est particulièrement utile si vous avez un site simple.

Étape 6

Quelle que soit la méthode que vous utilisez, assurez-vous que votre site fonctionne correctement dans tous les navigateurs. Si, pour une raison quelconque, il s'affiche de manière incorrecte dans l'un d'entre eux, indiquez-le.

Conseillé: