Hvernig á að búa til tiltölulega staðsetta DIV í Adobe Dreamweaver CS6

Nákvæmni og staðsetning á pixla AP (Absolute-Positioned) Divs í Adobe Dreamweaver CS6 getur verið ansi frelsandi fyrir hönnuði, sérstaklega þá sem líkar við sveigjanleika prentmiðaðra útlita.

Hins vegar, við ákveðin tækifæri, gætirðu viljað að kassar flæði saman við annað efni á síðunni. AP Divs svífa yfir öðrum þáttum, þannig að breyting á öðru síðuefni hefur engin áhrif á stöðu þeirra, sem getur verið gott eða slæmt.

Fyrir hefðbundnari innbyggða hegðun geturðu búið til DIV sem nota hlutfallslega staðsetningu . Þetta gerir kleift að færa þætti ásamt innihaldi sem umlykur hann, sem gerir það fljótara útlit. Þessi tegund staðsetningar er mikilvæg fyrir hreiður efni eða allar aðstæður þar sem hlutir ættu að falla í takt við annað innihald síðunnar.

Fyrir þetta verkefni, notaðu Insert Div Tag tólið, sem þú getur fundið í Insert spjaldinu Common og Layout flokkunum.

Fylgdu þessum skrefum til að búa til tiltölulega staðsettan DIV:

Smelltu á síðunni þinni til að staðsetja bendilinn innan núverandi AP Div og smelltu síðan á Insert Div Tag tólið undir Insert spjaldið Common og Layout flokkum.

Þegar Insert Div Tag valmyndin birtist skaltu fínstilla staðsetningu nýja DIV með því að velja staðsetningu úr Insert fellilistanum.

Til dæmis, veldu Eftir upphaf merkis til að setja það innan fyrirliggjandi DIV tags á síðunni þinni.

Þú getur líka notað fellilistann Insert Div Tag valmyndarinnar til að setja DIV fyrir, eftir eða innan fyrir núverandi þætti á síðunni. Skildu Setja inn fellilistann stilltan á Á innsetningarstað til að skilja reitinn eftir þar sem þú teiknaðir hann eða veldu annan stað þar sem þú vilt búa til DIV.

Hvernig á að búa til tiltölulega staðsetta DIV í Adobe Dreamweaver CS6

Ef þú ert með bekkjarval sem þú vilt nota skaltu velja hann úr fellilistanum Class; annars skaltu skilja það eftir autt.

Ef núverandi auðkenni er ekki tiltækt skaltu slá inn nýtt nafn í auðkennisreitinn og smella á hnappinn Ný CSS regla til að búa til eitt.

Þegar ný CSS regla svarglugginn birtist skaltu ganga úr skugga um að nýi veljarinn sé stilltur á auðkenni og að nafnið sé með pundsmerki (#) fyrir framan sig. Smelltu á OK.

Þegar CSS Rule Definition svarglugginn birtist skaltu smella á og velja Staðsetning úr flokkalistanum til vinstri til að skoða CSS staðsetningareiginleika.

Á svæðinu Staðsetning, veldu hlutfallslega í valmyndinni Staðsetning, sláðu inn breiddar- og hæðargildi í textareitunum Breidd og Hæð og sláðu inn efst og vinstra gildi undir eiginleikanum Staðsetningar. Smelltu á OK.

Smelltu á OK til að loka Insert Div Tag valmyndinni.

Nýr, tiltölulega staðsettur DIV birtist með staðsetningartexta.

Hvernig á að búa til tiltölulega staðsetta DIV í Adobe Dreamweaver CS6

Efsta og vinstri gildin hegða sér aðeins öðruvísi fyrir algera á móti tiltölulega staðsettum DIV. Ef um hlutfallslega staðsetningu er að ræða gefa þessi gildi til kynna frávik frá nærliggjandi efni, öfugt við fasta staðsetningu á síðunni.


Hvernig á að beita gagnsæi á SVG

Hvernig á að beita gagnsæi á SVG

Lærðu hvernig á að beita gagnsæi á SVG grafík í Illustrator. Kannaðu hvernig á að gefa út SVG með gagnsæjum bakgrunni og beita gagnsæisáhrifum.

Vinna með myndir í Adobe XD

Vinna með myndir í Adobe XD

Eftir að þú hefur flutt myndirnar þínar inn í Adobe XD hefurðu ekki mikla stjórn á klippingum, en þú getur breytt stærð og snúið myndum alveg eins og þú myndir gera í öðrum formum. Þú getur líka auðveldlega snúið hornin á innfluttri mynd með því að nota horngræjurnar. Maskaðu myndirnar þínar með því að skilgreina lokað form […]

Hvernig á að stilla textaeiginleika í Adobe XD

Hvernig á að stilla textaeiginleika í Adobe XD

Þegar þú ert með texta í Adobe XD verkefninu þínu geturðu byrjað að breyta textaeiginleikum. Þessir eiginleikar fela í sér leturfjölskyldu, leturstærð, leturþyngd, jöfnun, stafabil (kering og rakning), línubil (frama), Fylling, Border (strok), Skuggi (fallskuggi) og Bakgrunnsþoka. Svo skulum endurskoða hvernig þessar eignir eru notaðar. Um læsileika og leturgerð […]

Vinna með teikniborð í Photoshop CC

Vinna með teikniborð í Photoshop CC

Rétt eins og í Adobe Illustrator, bjóða Photoshop teikniborð möguleika á að byggja upp aðskildar síður eða skjái í einu skjali. Þetta getur verið sérstaklega gagnlegt ef þú ert að smíða skjái fyrir farsímaforrit eða lítinn bækling. Þú getur hugsað um listaborð sem sérstaka tegund af lagahópi sem búin er til með því að nota Layers spjaldið. Það er […]

Form og marghyrningar í InDesign

Form og marghyrningar í InDesign

Mörg verkfæranna sem þú finnur á InDesign Tools spjaldinu eru notuð til að teikna línur og form á síðu, svo þú hefur nokkrar mismunandi leiðir til að búa til áhugaverðar teikningar fyrir ritin þín. Þú getur búið til allt frá grunnformum til flókinna teikninga inni í InDesign, í stað þess að þurfa að nota teikniforrit eins og […]

Vefja texta í Adobe Illustrator CC

Vefja texta í Adobe Illustrator CC

Að pakka inn texta í Adobe Illustrator CC er ekki alveg það sama og að pakka inn gjöf – það er auðveldara! Textabrot þvingar texta til að vefja utan um grafík, eins og sýnt er á þessari mynd. Þessi eiginleiki getur bætt smá sköpunargáfu við hvaða verk sem er. Myndin neyðir textann til að vefja utan um hann. Fyrst skaltu búa til […]

Hvernig á að breyta stærð forms í Illustrator

Hvernig á að breyta stærð forms í Illustrator

Þegar þú hannar í Adobe Illustrator CC þarftu oft að lögun sé í nákvæmri stærð (til dæmis 2 x 3 tommur). Eftir að þú hefur búið til form er besta leiðin til að breyta stærð þess í nákvæmar mælingar að nota Transform spjaldið, sýnt á þessari mynd. Láttu hlutinn velja og veldu síðan Gluggi→ Umbreyta í […]

Hvernig á að búa til QR kóða í InDesign CC

Hvernig á að búa til QR kóða í InDesign CC

Þú getur notað InDesign til að búa til og breyta grafík QR kóða. QR kóðar eru strikamerki sem geta geymt upplýsingar eins og orð, tölur, vefslóðir eða annars konar gögn. Notandinn skannar QR kóðann með myndavélinni sinni og hugbúnaði á tæki, svo sem snjallsíma, og hugbúnaðurinn notar […]

Hvernig á að láta nýja mynd líta gömul út í Photoshop CS6

Hvernig á að láta nýja mynd líta gömul út í Photoshop CS6

Það gæti verið tími þegar þú þarft nýja mynd til að líta gömul út. Photoshop CS6 hefur þú fjallað. Svart-hvít ljósmyndun er nýrra fyrirbæri en þú gætir haldið. Daguerreotypes og aðrar fyrstu ljósmyndir höfðu oft brúnleitan eða bláleitan blæ. Þú getur búið til sepia-tóna meistaraverk á eigin spýtur. Tónaðar myndir geta búið til […]

Live Paint eiginleiki í Adobe CS5 Illustrator

Live Paint eiginleiki í Adobe CS5 Illustrator

Með því að nota Live Paint eiginleikann í Adobe Creative Suite 5 (Adobe CS5) Illustrator geturðu búið til myndina sem þú vilt og fyllt út svæði með lit. Live Paint fötuna greinir sjálfkrafa svæði sem samanstanda af sjálfstæðum skurðstígum og fyllir þau í samræmi við það. Málningin innan tiltekins svæðis helst lifandi og flæðir sjálfkrafa ef einhver […]