Les partenaires publicitaires:

Comment faire pivoter une image en xhtml

Toutes les images incluses dans un document d'une page Web XHTML sont alignés horizontalement avec les bords supérieur et inférieur de la fenêtre du navigateur dans laquelle ils sont considérés par défaut. Si vous voulez changer ce comportement et d'afficher vos images à l'aide d'une autre orientation, tout ce que vous avez à faire est d'appliquer quelques règles de feuille de style en cascade à l'image que vous souhaitez faire pivoter. Une fois que vous comprenez comment configurer ces règles de travailler dans les limites de différents navigateurs, la rotation d'une image dans un document XHTML devient une tâche rapide.

Instructions

  1. Ouvrir dans un programme d'édition de la page Web XHTML contenant l'image que vous souhaitez faire pivoter. Vous pouvez utiliser un outil visuel de conception (par exemple, Adobe Dreamweaver ou Microsoft FrontPage) ou un éditeur de texte (par exemple, le Bloc-notes, Wordpad).

  2. Simple-cliquez sur l'image que vous souhaitez faire pivoter, puis passer votre programme de conception dans son "Code," "HTML" ou "Source" mode pour afficher le code XHTML qui contrôle la structure de la page. Si vous utilisez un programme d'édition de texte, recherchez la ligne qui contient votre code d'image à la place. Dans les deux cas, le code de votre image doit ressembler à ce qui suit:



  3. Insérez un espace après le deuxième caractère guillemet, puis insérez un paramètre de style vierge, afin que votre balise image ressemble à la suivante:




  4. Insérez cinq règles spécialisées de style CSS dans entre les deux personnages guillemet associés avec le paramètre de style, de sorte que votre image tag ressemble à la suivante:

    La "90deg" et "rotation = 1" valeurs pivoter vers la droite de 90 degrés. Si vous avez besoin de faire pivoter l'image de 180 degrés, entrez "180deg" et "rotation = 2" pour les paramètres correspondants. Pour faire pivoter une image de 270 degrés, entrez "270deg" et "rotation = 3" pour les paramètres correspondants.

  5. Cliquez "Fichier" dans la barre de menu du haut et sélectionnez "Sauvegarder" pour confirmer vos modifications.

» » » » Comment faire pivoter une image en xhtml