Les partenaires publicitaires:

Comment faire le centre de site Web avec des balises div dans dreamweaver

Dreamweaver est un outil puissant pour les deux concepteurs de sites Web expérimentés et inexpérimentés. Un problème de conception commune que Dreamweaver ne traite pas avec ses outils intégrés est la capacité à centrer un conteneur DIV sur une page. Grâce à une série d'éléments en ligne de style, vous pouvez contrôler la largeur et la position d'un conteneur de DIV sur une page. Ce qui suit est un processus étape par étape pour ajouter le CSS appropriée à un conteneur de DIV pour centrer un site Web en utilisant Dreamweaver.

Instructions

  1. Recherchez le conteneur DIV qui contient la totalité du contenu de votre page web. Créer un nouveau conteneur DIV si l'on ne existe pas déjà.

  2. Ajouter un style = "" tag pour le conteneur DIV pour tenir vos nouveaux éléments de style:




  3. Ajouter une largeur définie au conteneur DIV intérieur de la balise de style. Attribuer une valeur suffisante pour contenir la totalité du contenu de la page Web. Réglez votre valeur en soit pourcentages ou en pixels:



  4. Réglez le droit de votre conteneur DIV marges gauche et à "auto":

  5. Créer une fermeture

tag à la fin du contenu de la page web si vous créez un nouveau conteneur DIV à partir de zéro.

Conseils Avertissements

  • Le style de la marge automatique fonctionne uniquement avec des conteneurs DIV qui ont une largeur définie.
  • Si vous utilisez une feuille de style en cascade séparée, vous pouvez ajouter ces éléments de style là plutôt que de les placer en ligne sur votre page Web.
  • Soyez sûr de vérifier l'apparence de votre page Web dans plusieurs navigateurs, notamment Internet Explorer, Firefox et Safari.
  • Ne pas utiliser le
    balise ou élément de style text-align pour essayer de centrer une page Web.

Questions connexes

» » » » Comment faire le centre de site Web avec des balises div dans dreamweaver