Slik bruker du layoutalternativer i Dreamweavers CSS Property Panel

Øverst i CSS Designer-egenskaper-panelet finner du CSS-egenskapene som vanligvis brukes til å lage sideoppsett. Du bruker disse alternativene til å spesifisere høyde, bredde, justering, plassering og avstand. Disse innstillingene er ideelle for å lage sideoppsett med klasse- og ID-stiler for å gjøre ting som å justere bilder og posisjonere

koder for å lage flerkolonneoppsett.

Du kan bruke Layout-alternativene i CSS Property-panelet for å angi disse verdiene:

• Bredde: Spesifiser en bredde for ethvert element som kan ha dimensjonene spesifisert, for eksempel en

  stikkord. Størrelsesalternativer er piksel (px), punkt (pt), pica (pc), prosent (%), em, rem, ex og ch.

• Høyde: Angi en høyde for ethvert element som kan ha dimensjonene spesifisert.

  • Min og Maks Bredde: Spesifiser minimum og maksimum bredder for

    tagger og andre blokkelementer. Disse alternativene er nyttige når du angir bredden som en prosentandel av nettleservinduet. Du kan for eksempel angi designbredden til 80 prosent av nettleservinduet, og deretter angi en maksbredde på 1000 piksler for å forhindre at oppsettet ditt blir strukket bredere enn 1000 piksler.

  • Min og Maks Høyde: Spesifiser minimums- og maksimumshøyder for

    tagger og andre blokkelementer.

  • Marg: Angi hvor mye plass som er rundt et element. Marginer kan brukes til å skape rom mellom kanten av et element og andre elementer på siden, for eksempel mellom et bilde og tekst eller mellom to

    tagger. Du kan angi margen separat for topp, høyre, bunn og venstre. Polstring måles i piksler, poeng, tommer, centimeter, millimeter, picas, ems, exs og prosenter.

  • Polstring: Angir hvor mye plass som er innenfor grensene til et element. Du kan for eksempel bruke polstring for å skape plass mellom kantene til en

    taggen og dens innhold. Du kan angi polstring separat for topp, høyre, bunn og venstre. Polstring måles i piksler, poeng, tommer, centimeter, millimeter, picas, ems, exs og prosenter.

    Innstilling av polstring og margavstand kan være vanskelig. Når du legger til marg og utfylling til et element, for eksempel et bilde eller

    -taggen øker du den totale størrelsen på det elementet og hvor mye plass det krever i oppsettet.

• Posisjon: Posisjonsalternativet, tilgjengelig fra den nedre delen av Layout-delen av Egenskaper-panelet, endrer måten elementer er plassert på en side. Plassering kan dramatisk endre måten blokknivåelementer (som tabell, liste, overskrift, avsnitt og

  tags) vises i en nettleser.

  • Arv: Du trenger ikke spesifisere dette standardalternativet. Med mindre et annet alternativ er valgt, arver hvert element plasseringen til det overordnede elementet.

  • Statisk: Plasser innholdet på plass i dokumentflyten. Som standard er alle HTML-elementer som kan plasseres statiske.

  • Absolutt: Bruk topp- og venstrekoordinatene for å kontrollere plasseringen av et element i forhold til øvre venstre hjørne av nettleservinduet eller øvre venstre hjørne av et element som inneholder elementet.

  • Fikset: Plasser et element i forhold til øvre venstre hjørne av nettleseren. Innholdet i et element som bruker fast plassering forblir konstant selv om brukeren ruller nedover eller over siden.

  • Relativt: Bruk en posisjon i forhold til punktet der du setter inn elementet på siden eller i forhold til beholderen.

    

  • Flyte: Juster elementer, for eksempel bilder og

    koder, til venstre eller høyre for en side eller annen beholder som får tekst eller andre elementer til å vikle rundt den. Klikk på ikonene i Float-feltet for å spesifisere følgende fire alternativer: Arv, Høyre, Venstre eller Ingen.

  • Slett: Hindre at flytende innhold overlapper et område til venstre eller høyre, eller til begge sider av et element. Dette alternativet er nyttig når et flytende element, for eksempel en

    taggen som brukes til å lage et sidefelt, overlapper et annet blokknivåelement, for eksempel en tag som brukes til å lage bunnteksten på en side.

  • Overflow-x og -y: Fortell nettleseren hvordan den skal vise innholdet i et element hvis beholderen, for eksempel en

    tag, kan ikke passe til hele elementets høyde eller bredde. Overløpsalternativer er

  • Synlig: Hold innhold, for eksempel et bilde eller tekst, synlig, selv om det utvides utover den definerte høyden eller bredden til en beholder.

  • Skjult: Kutt av innholdet hvis det overskrider størrelsen på beholderen. Dette alternativet gir ikke rullefelt.

  • Rull: Legg til rullefelt i beholderen uavhengig av om innholdet overskrider elementets størrelse.

  • Auto: Få rullefeltene til å vises bare når innholdet i en beholder overskrider grensene.

• Visning: Angi om eller hvordan et element skal gjengis i en nettleser. Du endrer for eksempel plasseringen av en uordnet liste fra horisontal til vertikal ved å velge Inline eller skjule et element, gjøre det usynlig, ved å velge Ingen. Du kan bruke Vis-alternativet med et skriptspråk for å endre visningen av elementer dynamisk.

• Synlighet: Kontroller om nettleseren viser et element eller ikke. Synlighetsalternativene er

  • Arv: Elementet har synligheten til elementet det er inneholdt i (standard).

  • Synlig: Elementet vises.

  • Skjult: Elementet vises ikke.

  • Skjul: For bruk med HTML-tabeller. Skjul kan brukes til å fjerne en kolonne eller rad uten å påvirke resten av tabelloppsettet.

• Z-indeks: Kontroller posisjonen til et element på Z-koordinaten, som kontrollerer stablingsrekkefølgen av elementer i forhold til hverandre. Høyere nummererte elementer overlapper lavere nummererte elementer.

• Opasitet: Kontroller opasitetsnivået for et element fra 0,0 (helt gjennomsiktig) til 1,0 (helt ugjennomsiktig). Hvis du for eksempel skriver inn .5 i opasitetsfeltet, vil opasiteten til et element reduseres til 50 prosent.