Les partenaires publicitaires:

Comment utiliser CSS DIV pour remplacer les tables

Tableaux HTML sont conçus pour contenir des données de texte qui est triée en lignes et en colonnes, et bien que vous pouvez également utiliser des tableaux pour placer des images et d'autres éléments sur une page, il est préférable d'utiliser le HTML "

Contenu

" tag, avec des feuilles de style en cascade, ou CSS, pour formater une page. Vous pouvez utiliser le "
" tag pour créer les mêmes lignes et de colonnes d'une table, et formater la largeur et la hauteur de chaque cellule individuellement, ce qui vous donne plus de contrôle sur le placement des éléments.
  1. CSS

    • 1

      Ouvrez un document de texte brut dans un éditeur de texte.

    • 2

      Tapez la commande suivante pour créer le style pour l'extérieur de la table:

      récipient

      {

       affichage: table-

      border-style: solide-

      border-width: 2px-

      largeur: 100% -

      }

    • 3

      Tapez la commande suivante pour créer le style pour les lignes de la table:

      rangée

      {

       display: table-row-

      hauteur: 100px-

      border-style: solide-

      border-width: 2px-

      }

    • 4

      Tapez la commande suivante pour créer le style pour les colonnes de table:

      col

      {

      display: table-Cell-

      text-align: Center-

      vertical-align: top-

      border-style: solide-

      border-width: 2px-

      }

    • 5

      Enregistrez le fichier sous "css_table.css."

    • HTML

      • 1

        Ouvrez un document de texte brut dans un éditeur de texte.

      • 2

        Tapez la commande suivante pour démarrer le document HTML et lien vers le document de CSS:

      • 3

        Tapez la commande suivante pour démarrer le conteneur qui tiendra la table:

      • 4

        Tapez la commande suivante pour créer la première ligne qui contient trois colonnes:




        Première colonne

        Une rangée

        La seconde colonne

        Une rangée

        Troisième colonne

        Une rangée

      • 5

        Tapez la commande suivante pour créer la deuxième rangée de trois colonnes:

        Première colonne

        Deux Row

        La seconde colonne

        Deux Row

        Troisième colonne

        Deux Row

      • 6

        Tapez la commande suivante pour fermer la div conteneur et le document HTML:

      • 7

        Enregistrez le document comme "css_table.html."

      • 8

        Ouvrez le document HTML dans un navigateur Web pour afficher la table.

    » » » » Comment utiliser CSS DIV pour remplacer les tables