Les sujets:

Les partenaires publicitaires:

Réponses populaires

Les partenaires publicitaires:

Questions connexes

Comment centrer Ma Page Web

Le HyperText Markup Language (HTML) est grande pour la pose de la structure d'une page web, mais si vous voulez ajouter un peu de style à cette disposition, tôt ou tard, vous allez vous retrouver embrassant la puissance et l'élégance de Cascading Style Sheets (CSS). CSS vous permettra de coiffer tout ce que vous pouvez imaginer dans une page Web - et il est souvent beaucoup plus facile que vous le pensez. Avec CSS, centrage une page Web entière peut être accompli avec quelques courtes lignes de code.

Choses que vous devez

  • Texte ou éditeur HTML

Instructions

  1. 1

    Ouvrez votre page Web dans un éditeur de texte ou un éditeur de page web qui vous permet d'éditer directement le code HTML.

  2. 2

    Placez le corps de votre page dans une balise DIV. Puisque l'objectif est de centrer la page Web entière, ce devrait être à peu près tout dans la balise BODY. Placez le

    tag immédiatement après la tag et de mettre la fermeture
    marquer juste avant la balise de fermeture.
  3. 3

    Donnez le

    marquer un ID afin que les informations de style peut être affecté. Cet article va supposer qu'il est appelé "Cette page," de sorte que votre code doit être quelque chose comme:
    .
  4. 4



    Créer un lien vers le fichier CSS contenant les instructions de style pour la page. Ne vous inquiétez pas si vous ne disposez pas encore d'un fichier CSS. Vous aurez la chance dans la prochaine étape.

    Dans la section HTML HEAD (entre le et tags), ajouter un lien vers votre feuille de style en utilisant . Assurez-vous que les points href à l'emplacement approprié et le nom de votre feuille de style. Vous pouvez également utiliser une URL complète ici si vous voulez être très précis.

  5. 5

    Créer une feuille de style (CSS) déposer si vous ne possédez pas déjà celui que vous utilisez pour cette page. Ceci est rien de plus qu'un simple fichier texte et vous pouvez l'appeler comme vous voulez, mais il est recommandé que vous lui donnez une extension .css. Le nom du fichier doit correspondre à l'emplacement de la feuille de style que vous mettez dans la section HEAD de votre page web.

  6. 6

    Ouvrez votre fichier CSS et définir le style de l'ID DIV autour de votre contenu. Si l'ID de la balise DIV est "Cette page," puis tapez votre code devrait ressembler:

    Cette page {

    margin-left: auto
    GO
    margin-right: auto
    GO
    }




    Si vous voulez spécifier les marges supérieure et inférieure, trop, alors vous pouvez raccourcir encore plus loin en utilisant le suivant:

    Cette page {

    margin: 0 auto 0 auto
    GO
    }

    Cela vous donne une marge supérieure de 0px, marge de droite de "auto," marge inférieure de 0px et la marge gauche de "auto" respectivement.

  7. 7

    Enregistrez le fichier et puis recharger la page dans votre navigateur pour confirmer ce qu'il soit centré. Si les choses ne sont pas centrées correctement, assurez-vous que tout ce que vous voulez centrée est enfermé dans les balises DIV vous avez créés précédemment et que le lien vers votre feuille de style est orienté vers le bon endroit.

Conseils & Avertissements

  • Alors qu'il est tout à fait acceptable de mettre les informations de style CSS directement dans le code HTML de la page, vous trouverez beaucoup plus efficace de conserver les données dans un fichier séparé qui non seulement permet de vous concentrer sur le style et HTML séparément, mais réutiliser aussi les informations de style sur plusieurs pages sans avoir à recréer à chaque fois.

Questions connexes

» » » » Comment centrer Ma Page Web