Hvordan holde Bilder fra å bevege seg i Dreamweaver

Ved å konfigurere din bilde med CSS i Adobe Dreamweaver CS5.5, kan du beholde bildet fra å flytte på websiden. Denne oppførselen er gjort mulig gjennom "Fixed Positioning", en stil som er definert ved å opprette en CSS-klasse for det aktuelle bildet. Når du har etablert plasseringen av bildet som fast, vil det bildet forblir i samme posisjon på siden din, selv om en besøkende ruller videre opp eller ned på siden.

Bruksanvisning

1 Start Adobe Dreamweaver CS5.5.

2 Klikk på "File" øverst i vinduet, klikk på "Åpne" og deretter dobbeltklikker du på websiden som inneholder bildet som du ønsker å hindre fra å flytte.

3 Klikk på "Design" -fanen øverst i vinduet.

4 Bla til bildet du ønsker å holde fra å flytte.

5 Høyreklikk på bildet, klikk på "CSS Styles", og deretter "Ny". Hvis du har en CSS stil allerede festet til bildet, kan du også klikke at stilen stedet for å opprette en ny stil.

6 Skriv inn et navn for CSS stil i feltet under "Selector Name," og deretter "OK."

7 Klikk "Posisjonering" fra kolonnen til venstre side av vinduet.

8 Klikk på rullegardinmenyen til høyre for "Position", og klikk deretter på "Fast".

9 Skriv inn verdier inn i "Top", "Right", "Bottom" og "Left" feltene i "Emisjonen" klikker "Apply" og deretter "OK." Du trenger ikke å angi verdier for alle ender. For eksempel, hvis du ønsket å plassere et bilde i øverste venstre hjørne av vinduet, kan du skrive inn "1" og "1" som verdiene på "toppen" og "Venstre".

10 Høyreklikk på bildet igjen, klikk på "CSS Styles", og klikk deretter på den stilen du nettopp opprettet for å bruke den på bildet.

11 Klikk på "File" øverst i vinduet, og klikk deretter på "Lagre".

Hint

• For å oppnå dette bildet atferd i Internet Explorer 7 og 8, må du kontrollere at du har satt et "! DOCTYPE" value for siden din. Denne informasjonen finnes øverst på siden i "Code" visning i Dreamweaver.