Comment faire des colonnes dans une boîte Div

Vous ne devez pas créer des tables pour une disposition en deux colonnes. Vous pouvez les créer avec des feuilles de style en cascade (CSS). Voici comment créer une boîte de div de 800 pixels de large avec deux colonnes égales qui est centrée sur l'écran du navigateur.

Choses que vous devez

  • Un éditeur HTML ou le Bloc-notes
  • Connaissances de base CSS

Instructions

  1. Ouvrez le Bloc-notes ou un éditeur HTML et tapez la commande suivante dans un nouveau document vierge:




    "http://w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"gt;

  2. Ensuite, tapez la commande suivante:

  3. Fermez le section avec la balise suivante:




  4. Terminer coder votre disposition en deux colonnes avec les éléments suivants:

    Mettez le contenu de la colonne de gauche ici

    Mettez le contenu de la colonne de droite ici

Conseils & Avertissements

  • Soyez sûr d'ajouter le doctype comme la première ligne de votre code. Doctype est le nom raccourci pour la Document Type Definition (DTD), qui raconte les navigateurs, les moteurs de recherche et autres outils de l'analyse votre page quelle version de (X) HTML, il utilise. Ce met également en place un mode d'analyse standard et élimine les devinettes pour le navigateur ou un autre outil analyse de votre page.To garder votre code conforme aux nouvelles normes Web, utiliser toutes les minuscules pour tous vos HTML tags.Adjust les styles en cascade dans le section de mettre de créer un fond de page, définissez la taille de la police et le style, mettre de l'espace autour des colonnes, tomber dans une image de fond ou de faire d'autres ajustements esthétiques.
  • Veillez à utiliser la bonne Document Type Definition pour votre fichier HTML ou ne sera pas afficher correctement dans le navigateur. Il existe de nombreux types de documents HTML, avec l'être le plus commun: HTML 4.01 Strict, HTML 4.01 Transitional et XHTML 1.0 Strict.To créer de l'espace autour de vos colonnes, vous devez réduire la largeur de chaque colonne. Par exemple, si vous voulez une marge de gauche et de droite de 10 pixels pour chaque colonne, définir la largeur de chacune des colonnes à 380 px. Ensuite, définissez les marges gauche et droite à 10 px dans vos styles en cascade. Sinon, la colonne de droite apparaît plus bas sur la page de gauche.
» » » » Comment faire des colonnes dans une boîte Div