Hvernig á að samræma þætti við flot í Dreamweaver

Hönnuðir samræma oft mynd, a

tag, eða annan þátt vinstra eða hægra megin á vefsíðu í Dreamweaver og vefja síðan hvaða texta eða annað efni sem er utan um þann þátt. Myndin er stillt hægra megin við dálkinn þannig að textinn vafist við hliðina til vinstri. Í skrefunum sem fylgja finnurðu hvernig á að búa til stíl eins og þennan.

Inneign: Mynd frá istockphoto.com

CSS býður upp á marga kosti þegar kemur að því að samræma þætti eins og þessa, en hvernig þú setur upp þessa stíla er ekki eins augljóst og þú gætir búist við í fyrstu vegna þess að þú notar flotvalkostinn.

Eftir að þú skilur að þú getur látið þætti, eins og myndir, fljóta vinstra eða hægra megin á síðu, er frekar auðvelt að búa til stíla sem ná þessu markmiði. Í þessari æfingu lærir þú að búa til tvo stíla sem eru tilvalin til að samræma myndir til vinstri og hægri á síðu, ásamt smá spássíu þar sem þú þarft það.

CSS skipulagin sem er innifalin í Dreamweaver CC eru nú þegar með flotstíla sem þú getur notað til að stilla þætti til hægri og vinstri. Þessir flokkastílar eru nefndir .fltlft (fyrir, þú giskaðir á það, fljóta til vinstri) og .fltrt (fyrir fljóta til hægri).

Til að búa til tvo flokkastíla sem þú getur notað til að samræma myndir og aðra þætti til vinstri og hægri á síðu skaltu fylgja þessum skrefum:

Smelltu á plús táknið á CSS Designer Selectors spjaldinu.

Það fer eftir því hvað er á síðunni, nýju stílheiti eða auður reitur þar sem þú getur slegið inn stílheiti er bætt við valmyndina.

Tvísmelltu til að velja nafnið sem Dreamweaver bætti við spjaldið og breyttu því í nafnið sem þú vilt fyrir nýja stílinn þinn, eða smelltu til að velja auða reitinn og sláðu inn nafn.

Ef engu nafni er bætt við skaltu slá inn nafnið sem þú vilt í tóma reitinn. Þú getur nefnt stílinn hvað sem þú vilt, en vertu viss um að slá inn punkt á undan nafninu ef þú býrð til bekkjarstíl eða # tákn fyrir auðkennisstíl.

Tvísmelltu á nýja nafnið og breyttu því eins og þú vilt.

Þó að þú getir nefnt þessa stíla hvað sem þú vilt, þá eru jöfnunarstílar venjulega nefndir með styttingunum fltrt og fltlft, sem standa fyrir flot hægri og flot til vinstri.

Til dæmis, ef þú býrð til stíl til að stilla þætti til vinstri, myndirðu nefna það .fltlft.

Í Eiginleikaspjaldinu, smelltu á táknið sem stillir Float á Left.

Notaðu spássíustillingar í Eiginleika spjaldinu til að búa til spássíu utan um fljótandi þáttinn.

Það er góð venja að bæta spássíurými á gagnstæða hlið frá flotstillingunni. Ef þú ert að búa til stíl til að fljóta mynd til vinstri skaltu bæta við 5 eða 10 pixlum af bili við hægri spássíuna. Þegar þú stillir mynd við vinstri hlið síðunnar, myndast spássía á milli myndarinnar og hvers annars þáttar sem vafist við hlið myndarinnar.

Veldu myndina eða annan þátt sem þú vilt samræma á síðunni.

Veldu nafn stílsins sem þú bjóst til úr fellivalmyndinni Class í eignaeftirlitinu.

Stílreglurnar sem þú skilgreindir þegar þú bjóst til stílinn er sjálfkrafa beitt. Ef þú hefðir valið mynd á textasíðu myndi myndin færast til vinstri hliðar síðunnar og textinn vafðist um hana með spássíu á milli myndar og texta.

Endurtaktu skref 1–7, einu sinni með flotið stillt á Hægri og 5 til 10 dílar af spássíubili í Vinstri spássíureitnum í Box flokki, og aftur með Float stillt á Vinstri og 5 til 10 díla spássíubil í Hægri spássíureitur í Box flokki.