Les sujets:

Les partenaires publicitaires:

Réponses populaires

Questions connexes

Les partenaires publicitaires:

Comment modifier la hauteur de ligne de table en CSS

Dans les pages Web, les tableaux affichent les données dans un format facile à lire semblable à celle d'une feuille de calcul. Comme vous pouvez utiliser Cascading Style Sheet (CSS) code pour changer la façon dont une partie d'une page Web ressemble, vous pouvez également l'utiliser pour modifier la hauteur des lignes de la table. Ajout de noms de classe à des rangées de tables que vous souhaitez cibler en CSS vous donne la possibilité d'écrire un morceau de code CSS et le réutiliser sur autant de lignes de la table que vous avez besoin. Ciblage chaque ligne de chaque tableau de la page est également possible.

Instructions

  1. 1

    Allez à la barre des tâches Windows et saisissez "Bloc-notes" dans la boîte de recherche. Sinon, tapez le nom d'un éditeur de code si vous avez installé un sur votre ordinateur. Aller vers "Fichier" sur la barre d'outils supérieure et ouvrir la page Web contenant la table.

  2. 2

    Localisez le "" balises dans votre page Web et vérifier si tout "" balises si elle n'y est pas déjà:

  3. 3

    Faites défiler le code et retrouver votre table. Partout où vous trouvez une rangée de table qui a besoin d'un réglage de sa hauteur, ajouter un nom de classe:

    Tableau cellulaire




    Tableau cellulaire

    Vous pouvez réutiliser les noms de classe en HTML et écrire plus tard un bloc de code CSS qui change tous les éléments avec le même nom de classe.

  4. 4

    Retournez à votre "

    .grand {

    hauteur: 50px-

    }

    Le code ci-dessus donne toute ligne de la table avec le nom de la classe "grand" une hauteur de 50 pixels.

Conseils & Avertissements

  • Vous pouvez également cibler chaque ligne de chaque table sur la page Web en utilisant ce code: tr {height: 20px-}
  • Toujours sauvegarder les fichiers de votre site web avant de les modifier.

Questions connexes

» » » » Comment modifier la hauteur de ligne de table en CSS