Hvordan rotere et bilde i XHTML

Alle bilder som er inkludert i en XHTML-siders dokument er horisontalt på linje med de beste og nedre kant av nettleservinduet der de blir sett som standard. Hvis du ønsker å endre denne atferden og vise bilder ved hjelp av en alternativ legning, er alt du trenger å gjøre bruke noen Cascading Style Sheet regler til bildet du vil rotere. Når du forstår hvordan du konfigurerer disse reglene for å arbeide innenfor begrensningene i forskjellige nettlesere, rotere et bilde i et XHTML-dokument blir en rask oppgave.

Bruksanvisning

1 Åpne i et redigeringsprogram XHTML webside som inneholder bildet du vil rotere. Du kan enten bruke en visuell design verktøy (for eksempel Adobe Dreamweaver eller Microsoft Frontpage) eller en tekst editor (f.eks Notisblokk, Wordpad).

2 Single-klikk på bildet du vil rotere, og deretter bytte design program i sin "Code", "HTML" eller "Source" mode for å vise XHTML-kode som styrer strukturen på siden. Hvis du bruker en tekstredigeringsprogram, finne en linje som inneholder bildekoden i stedet. I begge tilfeller bør koden for bildet ligne på følgende:

<Img />

3 Sett inn et mellomrom etter andre anførselstegn karakter og deretter sette inn en blank stil parameter, slik at bildekode ligner på følgende:

<Img style = "" />

4 Sett fem spesialiserte CSS reglene i mellom de to spørsmålstegn tegn assosiert med stilen parameter, slik at bildekode ligner på følgende:

<Img style = "display: block; rotasjon: 90deg; -webkit-transform: rotate (90deg); -moz-transform: rotate (90deg); filter: progid: DXImageTransform.Microsoft.BasicImage (rotasjon = 1);" />

Den "90deg" og "rotasjons = 1" verdier rotere bildet 90 grader med klokken. Hvis du trenger å rotere bildet 180 grader, skriv "180 grader" og "rotasjon = 2" for de tilsvarende parametre. Hvis du vil rotere et bilde 270 grader, skriv "270deg" og "rotasjon = 3" for de tilsvarende parametre.

5 Klikk på "File" øverst i menylinjen og velg "Lagre" for å bekrefte endringene.