Médiaforma

All posts tagged largeur

Il est parfois nécessaire de changer la taille d’une image. Par exemple pour la transformer en une icône ou pour l’adapter à une page Web dont la charte graphique est particulièrement rigide.

Déroulez le menu Image et cliquez sur Taille de l’image. Changer la largeur, la hauteur et/ou la résolution.

Si vous voulez conserver les proportions de l’image, cochez la case Conserver les proportions. Au contraire, décochez-la si vous voulez autoriser la déformation de l’image.

Photofiltre - Changer les dimensions d'une image

Si la case Conserver les proportions est cochée, entrez la largeur ou la hauteur de l’image. Son poids en Ko ou en Mo est immédiatement affiché dans la zone Mémoire.

Si la case Conserver les proportions est décochée, vous pouvez modifier indépendamment la largeur et la hauteur de l’image.

Cliquez sur OK pour appliquer à l’image les réglages de la boîte de dialogue Taille de l’image.


Comme nous l’avons vu précédemment, la taille d’une cellule s’adapte à son contenu. Cependant, il est parfois nécessaire de fixer la taille d’une cellule (et donc de la colonne qui la contient) à une largeur bien précise. Vous utiliserez pour cela l’attribut HTML width, en précisant la dimension de la colonne en pixels.

Ici par exemple, la taille de la première colonne est fixée à 200 pixels. L’attribut width a été spécifié dans la première balise <td> de la colonne, mais il aurait tout aussi bien pu être spécifié dans la deuxième balise <td> de cette colonne.

Supposons maintenant que vous vouliez fixer la taille de toutes les colonnes à 200 pixels. Comment procèderiez-vous ? La première idée qui vient à l’esprit consiste à insérer un attribut width dans chacune des cellules d’une colonne. Cette technique fonctionne, mais elle n’est pas très élégante. Dans la rubrique précédente, je vous ai montré que le CSS pouvait s’avérer très efficace pour agir globalement sur un document. Ici, c’est précisément ce que nous cherchons à faire puisque toutes les cellules doivent avoir une largeur de 200 pixels. La solution devient alors évidente : il suffit de modifier le style de la balise <td>.

Insérez la balise <style> </style> entre les balises <head> et </head>, puis modifiez la propriété width de la balise <td>. Vous pouvez supprimer l’attribut width de la première balise <td>, qui fait doublon avec la redéfinition de la balise <td>.