Како користити опције распореда у Дреамвеавер-овом ЦСС панелу својстава

На врху панела Својства ЦСС дизајнера пронаћи ћете ЦСС својства која се обично користе за креирање изгледа страница. Ове опције користите за одређивање висине, ширине, поравнања, позиционирања и размака. Ова подешавања су идеална за креирање изгледа страница са стиловима класе и ИД-а за обављање ствари као што су поравнавање слика и положаја

ознаке за креирање распореда са више колона.

Можете да користите опције распореда на табли ЦСС својстава да бисте поставили ове вредности:

• Ширина: Одредите ширину за било који елемент који може имати специфициране димензије, као што је а

  таг. Опције величине су пиксел (пк), тачка (пт), пица (пц), проценат (%), ем, рем, ек и цх.

• Висина: Одредите висину за било који елемент који може имати специфициране димензије.

  • Мин и максимална ширина: Одредите минималну и максималну ширину за

    ознаке и други блок елементи. Ове опције су корисне када наведете ширину као проценат прозора претраживача. На пример, можете да подесите ширину дизајна на 80 процената прозора прегледача, а затим поставите максималну ширину од 1000 пиксела да спречите да се ваш изглед растегне шире од 1000 пиксела.

  • Мин и максимална висина: Одредите минималну и максималну висину за

    ознаке и други блок елементи.

  • Маргина: Подесите количину простора око елемента. Маргине се могу користити за стварање простора између ивице елемента и других елемената на страници, на пример између слике и текста или између два

    ознаке. Можете поставити маргину одвојено за горњу, десну, доњу и леву. Паддинг се мери у пикселима, тачкама, инчима, центиметрима, милиметрима, пикасима, емс, екс и процентима.

  • Паддинг: Поставља количину простора унутар граница елемента. На пример, можете користити паддинг да бисте направили простор између ивица а

    ознака и њен садржај. Подешавање можете подесити засебно за горњи, десни, доњи и леви. Паддинг се мери у пикселима, тачкама, инчима, центиметрима, милиметрима, пикасима, емс, екс и процентима.

    Подешавање допуна и размака између маргина може бити тешко. Када додате маргину и допуну елементу, као што је слика или

    таг, повећавате укупну величину тог елемента и количину простора који му је потребан у изгледу.

• Положај: Опција Положај, доступна у доњем делу одељка Лаиоут панела Својства, мења начин на који су елементи позиционирани на страници. Позиционирање може драматично да промени начин на који елементи на нивоу блока (као што су табела, листа, заглавље, пасус и

  ознаке) се појављују у претраживачу.

  • Наследи: Не морате да наведете ову подразумевану опцију. Осим ако није изабрана друга опција, сваки елемент наслеђује позиционирање свог родитељског елемента.

  • Статички: Поставите садржај на његову локацију унутар тока документа. Подразумевано, сви ХТМЛ елементи који се могу позиционирати су статични.

  • Апсолутно: Користите горње и леве координате да бисте контролисали положај елемента у односу на горњи леви угао прозора прегледача или горњи леви угао елемента који садржи елемент.

  • Поправљено: Позиционирајте елемент у односу на горњи леви угао претраживача. Садржај елемента који користи фиксно позиционирање остаје константан чак и ако корисник скролује надоле или преко странице.

  • Релативно: Користите позицију у односу на тачку где уметнете елемент у страницу или у односу на њен контејнер.

    

  • Флоат: Поравнајте елементе, као што су слике и

    ознаке, са леве или десне стране странице или другог контејнера због чега се текст или други елементи омотавају око њега. Кликните на иконе у пољу Флоат да бисте навели следеће четири опције: Наследи, Десно, Лево или Ништа.

  • Јасно: Спречите да плутајући садржај преклапа област са леве или десне стране или са обе стране елемента. Ова опција је корисна када плутајући елемент, као што је а

    ознака која се користи за креирање бочне траке, преклапа се са другим елементом на нивоу блока, као што је ознака која се користи за креирање подножја странице.

  • Оверфлов-к и -и: Реците претраживачу како да прикаже садржај елемента ако је контејнер, као што је

    таг, не може да стане на целу висину или ширину елемента. Опције преливања су

  • Видљиво: Нека садржај, као што је слика или текст, буде видљив, чак и ако се проширује изван дефинисане висине или ширине контејнера.

  • Скривено: Одрежите садржај ако премашује величину контејнера. Ова опција не пружа траке за померање.

  • Померање: Додајте траке за померање у контејнер без обзира да ли његов садржај премашује величину елемента.

  • Аутоматски: Нека се траке за померање појављују само када садржај контејнера прелази његове границе.

• Приказ: Назначите да ли или како да прикажете елемент у прегледачу. На пример, мењате положај неуређене листе из хоризонталне у вертикалну тако што ћете изабрати Инлине или сакрити елемент, чинећи га невидљивим, тако што ћете изабрати Ништа. Можете да користите опцију Дисплаи са језиком за скриптовање да бисте динамички променили приказ елемената.

• Видљивост: Контролишите да ли прегледач приказује елемент или не. Опције видљивости су

  • Наследи: Елемент има видљивост елемента у коме се налази (подразумевано).

  • Видљиво: Елемент је приказан.

  • Скривен: Елемент није приказан.

  • Скупи: За употребу са ХТМЛ табелама. Скупи се може користити за уклањање колоне или реда без утицаја на остатак изгледа табеле.

• З-индекс: Контролишите позицију елемента на З-координати, која контролише редослед слагања елемената у односу један на други. Елементи са већим бројем преклапају елементе са нижим бројем.

• Прозирност: Контролишите ниво непрозирности за елемент од 0,0 (потпуно провидан) до 1,0 (потпуно непрозиран). На пример, ако унесете .5 у поље за непрозирност, непрозирност елемента ће се смањити на 50 процената.