Alle beelden die zijn opgenomen in een XHTML pagina webdocument zijn horizontaal uitgelijnd met de randen van het boven- en onderkant van het browservenster waarin ze zijn bekeken standaard. Wilt u dit gedrag wijzigen en weergeven van de afbeeldingen met behulp van een alternatieve oriƫntatie, alles wat je hoeft te doen is een paar regels van de Cascading Style Sheet van toepassing op de afbeelding die u wilt draaien. Als u eenmaal hoe deze regels om te werken binnen de beperkingen van verschillende browsers te configureren begrijpt, wordt het roteren van een afbeelding in een XHTML-document een snelle taak.
Openen in een programma voor het bewerken de XHTML-webpagina met de afbeelding die u wilt draaien. U kunt een visual design tool (bijvoorbeeld Adobe Dreamweaver of Microsoft FrontPage) of een teksteditor (bijvoorbeeld Kladblok, Wordpad) gebruiken.
Enig-Klik de afbeelding die u wilt draaien en schakel uw ontwerpprogramma bevat in de 'Code', 'HTML' of 'Bron' modus om de XHTML-code waarmee de structuur van de pagina weer te geven. Als u een programma voor het bewerken van tekst, zoek de regel die de code van uw afbeelding in plaats daarvan bevat. In beide gevallen, de code voor uw afbeelding moet ongeveer als volgt uit:
Een spatie achter het tweede aanhalingsteken teken invoegen en voeg vervolgens een lege stijl parameter, zodat uw image-tag op het volgende lijkt:
Voeg vijf gespecialiseerde CSS-stijlregels tussen de twee aanhalingstekens die is gekoppeld aan de parameter stijl zodat uw image-tag op het volgende lijkt:
De "90deg" en "rotatie = 1' waarden de afbeelding rechtsom draaien 90 graden. Als u de afbeelding 180 graden draaien wilt, typt u "180deg" en "rotatie = 2" voor de corresponderende parameters. Om een afbeelding 270 graden te roteren, voer "270deg" en "rotatie = 3" voor de corresponderende parameters.
Klik op "Bestand" in de bovenste menubalk en selecteer "Opslaan" om te bevestigen van uw wijzigingen.