Изражавајући ИТ

Од радио дугме и текст су линијски, тако да ће се текст поравнати на дно радио дугме, текст ће се појавити да буде нешто испод радио дугме.
Ако желите ово да поравнате на врху, морате да поставите радио и текст у посебне контејнере или као дивс стажа (по потреби) и они ће се побринути трасе. Било би лакше да користите превише ћелије табеле, на ваш кратак дизајн допушта.

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

ХТМЛ5 је и даље нацрт. Док ово пишем, Рад на ХТМЛ 5, која је почела 2004, и даље се даје облик заједничким напорима између В3Ц ХТМЛ РГ и ВХАТВГ . Реч је да ће наредне генерације имају ХТМЛ побољшања и функције, што би нова структура и семантике, форма контроле, АПИ, мултимедијални ознаке итд.

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

• Постоји воља додавање неке структуралне виз ознакама. <артицле>, <сецтион>, <хеадер>, <асиде> и <нав>, који ће заменити већину <див> с користи на Веб страници, што ваше странице мало више семантички, али је још важније, лакше да читају.
  Хеј! Замислите напор сачувану у проналажењу тај један недостајући блиску ДИВ таг.
  нпр.

  <боди>
   <хеадер> ... </ заглавље>
   <нав> ... </ нав>
   <артицле>
     <сецтион>
       ...
     </ Сецтион>
   </ Чланак>
   <асиде> ... </ страни>
   <фоотер> ... </ подножје>
 </ БОДИ> 

Уместо

  <боди>
   <див ид="хеадер"> ... </ п>
   <див ид="нав"> ... </ п>
   <див цласс="артицле">
     <див цласс="сецтион">
       ...
     </ Див>
   </ Див>
   <див ид="асиде"> ... </ п>
   <див ид="фоотер"> ... </ п>
 </ БОДИ> 

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

нпр.

  <видео постер="постер.јпг">
     <Извор срц = "видео.3гп" типе = "видео/3гпп"
     медији = "ручни">
         <соурце срц="видео.мп4" типе="видео/мп4">
 </ Видео>
 <аудио>
   <соурце срц="мусиц.ога" типе="аудио/огг">
   <соурце срц="мусиц.мп3" типе="аудио/мпег">
 </ Аудио> 

• Боље дефинисан семантичке улоге постојећих елемената за нпр. <стронг> и <ем> можда сада заправо имају различита значења, односно они ће се понашају другачије.

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

Овај документ не може да пружи тачне информације као ХТМЛ 5 спецификација је још увек активно у развоју. Када сте у недоумици, увек проверите овде ХТМЛ 5 спецификација .

• Документ Тип декларација треба да буде присутна на почетку документа који користи ХТМЛ синтаксу. Опционо може да се користи у КСХТМЛ синтакси, али то није обавезно. КСХТМЛ документ не треба да укључе, јер ДОЦТИПЕ КСХТМЛ документа који се испоручују користећи КСМЛ исправно МИМЕ тип и обрађују КСМЛ као по претраживача, увек изречена ни у ком режиму куиркс.

• У КСХТМЛ, таг имена су и велика и мала слова су обично дефинише да буде написана малим словима. У ХТМЛ-у, међутим, таг имена су велика и мала слова и може бити написан у свим великим словима, или мешовити случају, иако најчешће конвенција је да се држите мала слова. Случај почетним и крајњим ознакама не морају да буду исти, али као доследан не чине чишћење кода изглед.

Предности коришћења ХТМЛ

• Уназад компатибилан са постојећим претраживачима
• Аутори су већ упознати са синтаксом
• Благ и праста Синтакса значи да неће бити корисник непријатељски " Жута екран смрти "уколико грешка случајно пала кроз
• Погодан скраћеница синтакса, нпр аутори могу изоставити неке ознаке и вредности атрибута

Предности коришћења КСХТМЛ

• Стриктна синтакса КСМЛ подстиче аутори да пишу добро формирана назнаке, које могу наћи неки аутори лакше за одржавање
• Интегрише се директно са другим КСМЛ речника, као што су СВГ и МатхМЛ
• Омогућава употребу КСМЛ обраде, које су неки аутори користе као део њиховог уређивања и / или издавачких процесима

То они стара школа, али као и обично је моја меморија додатак ...
Тако је онемогућен = "труе" и онемогућио = "труе" Да исто?
Не верујем ..., добро! Тхатс начин је то ... овде је неки брз објашњење ...
"Инвалид" је атрибут било ком облику елемента / области и самим тим може да прихвати неку вредност по својој природи.

Све док овај атрибут је присутан, елемент ће бити онемогућен без обзира на његову вредност. за нпр.
<инпут типе="тект" валуе="Тхис је дисаблед" дисаблед>
<инпут типе="тект" валуе="Тхис је дисаблед" дисаблед="дисаблед">
<инпут типе="тект" валуе="Тхис је дисаблед" дисаблед="труе">
<инпут типе="тект" валуе="Тхис је дисаблед" дисаблед="фалсе">

Све горе ће ова форма поље "ДИСАБЛЕД".

Једноставно не пружа атрибут "ДИСАБЛЕД" држи Поље "недостацима" ... као испод

<инпут типе="тект" валуе="Тхис није дисаблед" />

Запамтите "Било која вредност или нема вредност (уопште) инвалидног атрибута, бровсер ће то учинити онемогућено". Да би ствари јасно у нашој Миндс В3Ц препоручује да користимо онемогућено = "инвалиди" у оваквим ситуацијама.

То је разлика мада када користимо овај атрибут у јавасцрипт ...

доцумент.форм.елемент.дисаблед = труе; / / елемент ће бити искључен
доцумент.форм.елемент.дисаблед = труе; / / елемент ће бити омогућено

Наведени аргументи су такође важи и за ових атрибута и елемената:

• цхецкед (радио дугме и поље за потврду)
• изабран (опција)
• новрап (ТД)

Ако сте ЦСС особа, требало би да знате бол у добијање своје радне распореде унакрсно бровсер. ИЕ8 је још један кључ у ради за нас програмере. Аниваз! ако погодите на овом питању, као што сам урадио јуче, где је ваш савршено ради ЦСС у ИЕ7 (и раније) и Фирефок је изненада почели да бацају озлојеђено у ИЕ8, пробајте ово ... То је лепо изгледало да решите своје проблеме у овом тренутку ....

Користећи Мете декларације, можемо навести рендеринг енгине желимо ИЕ8 за коришћење. Тако да натера да донесе ИЕ8 као ИЕ7 ... Убаците следећу метаознаку у глави документа: -

<мета хттп-екуив="Кс-УА-Цомпатибле" цонтент="ИЕ=7" />

По подразумеваној вредности ИЕ Мета би била: -

<мета хттп-екуив="Кс-УА-Цомпатибле" цонтент="ИЕ=8" />
што би ИЕ8 рендерује страницу користећи нове стандарде режим.

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

<мета хттп-екуив="Кс-УА-Цомпатибле" цонтент="ИЕ=8;ФФ=3;ОтхерУА=4" />

ВИШЕ О ДОЦТИПЕС:

АКО сте још увек нисте упознати са врстом животиња под називом "ДОЦТИПЕ" ... овде је неки брз чита
Шта су ДОЦТИПЕС? Шта су БРОВСЕР КУИРКС и ОДРЕЂЕНОЈ Моде?
Подешавање ДОЦТИПЕ у КССЛ

За више у дубину разумевања о ДОЦТИПЕС, покушајте да посетите ове линкове ...
Списак Апартман: Поправите свој сајт са добром ДОЦТИПЕ!
Списак Апартман: Иза ДОЦТИПЕ: Веб стандарди, Напред компатибилности и ИЕ8

Напомена: Иако су многи од нас ХТМЛ / ЦСС људи били занемарујући значај ДОЦТИПЕ децлератион у нашим документима, Подешавање праву ДОЦТИПЕ, обично је одговор на већину питања цросс-бровсер.

Као и обично, један од многих чудних неких проблема са ИЕ и то мора спада у топ 10 за ИЕ Куиркс.

ИЗЈАВА ПРОБЛЕМА (Ово је био мој проблем, можда имате сличне мисбехавиорс):
Имам много ДИВ је у страници са класе "сецтионхеад", која је ништа друго него наслов одељка на страни. Тако сам неки стил изгледа овако

Сецтионхеад {фонт-сизе: 18пк; бацкгроунд: # цфцфцф; бордер: 5пк;}.

Спан је светло сива трака са неким црним текстом. Шта се дешава у ИЕ је неке од ових секција заглавља су ОК приказује, али неки су невидљиви, ДО, крећете страницу или кликните нешто на страници итд Негде они имају тенденцију да нестану када кликнете на 'алт' тастер када страна доле или идите са траке за померање. Они понекад изгледа да се поново појаве када поново учитате (Ф5) страну. Ја кратко савршено једноставан ДИВ са неким једноставним стилом понаша ЛОШЕ.
Шта је могло изазвати такву нередовног понашање? Добро! Искрено, појма!!

МОГУЋЕ РЕШЕЊЕ:
Опет не питајте ме зашто, али у многим случајевима овај проблем има тенденцију да нестану када додате Позиција: у односу на МИС понашају елементи стила, овако

Сецтионхеад {фонт-сизе: 18пк; бацкгроунд: # цфцфцф; бордер: 5пк; позиција: однос}.

Чудно, али шта да кажем? Бог Благослови ме од ИЕ!

И делим СА НАМА, Ако сте имали сличне проблеме.

Није да постоји само неколико Лигхтбок-а које можете наћи када Гоогле. Проблем са већином фасцикле да сам је открила да су сви они као да користите један или друге тешке оквире ЈаваСцрипт тежину као јКуери, Прототипе, МооТоолс и воли. Сви су кул и сванки тражите. Али, ако ваш захтев је "али желим једноставан и лаган Лигхтбок СЦРИПТ за мој сајт", онда је овде;

Неке лепе карактеристике овог фасцикли

1. Веома лаган
   . 4КБ од Скрипте када упакованих (8 КБ распаковали)
   Б. 2 КБ у ЦСС
   Ц. Неколико редова ХТМЛ-а за лигхтбок контејнеру
2. Једноставан за разумети и имплементирати
3. Могу ли имати више фасцикле на истој страници.
4. Исто Лигхтбок контејнер се користи да покаже, различит садржај (што се посебно укључена као скривене подела у страну), у зависности на линк / оптион да се кликнули.
5. Аутоматски се центри, узимајући у обзир све факторе као што су, Прозор висину и ширину (резолуција екрана), страна померање износа и висину садржаја фасцикли
6. Тестирано у ИЕ 7 & ФФ

Погледај Демо |
Преузмите фасцикл Извор Поштански (Довнлоадед 1804 тимес)

јо.јс и јо_пацк.јс [пакује версион]: - једноставан скуп ЈаваСцрипт ОБЈЕКАТА [ЈО], који садржи елемент, прозор и скрипте позиционирања докумената. Можете да отворите ЈО.ЈС ако желите да се ваше руке прљаве са неком напредном Јавасцриптинг, стварање апстрактне функције, проширујући Елемент Пропертиес и такве. Ако превише не много Јавасцриптинг, оставите га на миру.

лигхтбок.јс, лигхтбок_пацк.јс [препуне верзија]: - Садрже лаке скрипте бок менаџера. Ако сте дизајнер страна, такође одговорна за спровођење фасцикл на страници, морате да разумете ЛигхтБокМанагер. ЛигхтБокМанагер основи садржи само две функције сховЛигхтБок и цлосеЛигхтБок.

лигхтбок.цсс: - Ако знаш ЦСС, можете се играти са лигхтбок.цсс да прилагодите изглед-Н-осећају лигхтбок.цсс

индек.хтмл: Пример имплементација фасцикли са два различита садржаја

лб_ундерлаи_бкг.пнг: - Ово је светло / Сими транспарентна слика која се користи позадину за подлогу лигхтбок [подлога је слој испод лигхбок, која спречава да корисник кликом на било који други ентитет на страници, док је отворен фасциклу]. Можете да користите било коју слику или чак солидна боја за ову намену, у зависности од дизајна странице и захтева.

ицон_лб_цлосе.гиф: - слика за блиску лигхтбок дршке на горњем десном делу лигхт бок. Може да користи било коју слику по дизајну

Погледај Демо |
Преузмите фасцикл Извор Поштански (Довнлоадед 1804 тимес)

Молимо вас да нам да своје коментаре и повратне информације ...

Овај пост може бити добар пример за израз "Настава бака да сиса јаја" ... Јер ово је само ОСНОВНИ ЦСС ствари. Али за оне, као несвесни мене, ово може бити благослов и прерушавања. Увек сам мислио (ја могао изгубити свој посао за ово говорећи), само је могуће да неки део ХТМЛ садржаја странице Статиц (смисао, њена позиција остаје као ИС на Виндов сцролл), користећи паметне неке скрипте, Доинг сви они научни калкулације да пронађете динамичну позицију, заробивши Виндов.сцролл догађаја и стварање тимеоутс итд

Никада се није сматрало да једноставно као ово .... Овде у ЦСС / ХТМЛ доле, имам четири статичке блокова, један фиксиран за сваки ектримитиес странице, врх, десна, доња и НАЛЕВО ... Непотребно је рећи ... можете одабрати било који једну или више ако је потребно бити ...

ЦСС
Статички {дисплаи: блоцк; З-индекс: 10; цолор: # фффффф; Преливање-Кс: скривена; Преливање-И: сакривен; позиција:. Икед;
}
Садржај # {маргин: 0пк 100пк 150пк 160пк; бордер: 1пк солид # е6е6е6}

# Врап-Т {врх: 0пк; бацкгроунд: # 33ЦЦ66, ширина: 100%; висина: 55пк;}

# Врап-Л {врх: 80пк; бацкгроунд: # ФФ9966; висина: 300пк; ширина: 150пк; граница: 2пк солид # е6е6е6;}

# Врап-Б {лефт: 0пк; бацкгроунд: # 3333ЦЦ, ширина: 100%; висина: 55пк;}

# Врап-Р {врх: 80пк; бацкгроунд: # 6666ФФ; висина: 300пк; ширина: 140пк; граница: 2пк солид # е6е6е6; право: 0;}

ХТМЛ
<див ид="цонтентс"> Ви насловна страна садржај </ див>
<див ид="врап-б" цласс="статиц">
Статични садржај на дну странице
</ Див>
<див ид="врап-т" цласс="статиц">
Статични садржај на странице Врх
</ Див>

<див ид="врап-л" цласс="статиц">
Статични Садржај странице на лево
</ Див>
<див ид="врап-р" цласс="статиц">
Статични Садржај странице на десној страни
</ Див>

Погледај овде врокинг узорак

Много пута осећамо потребу да пишете претраживача спецфиц хакерисање (мада то није добра пракса, ми УИ програмери морају да прибегавају таквим зала до великих Бровсери ратова долази до примирја). Раније сам поменуо у овом чланку За Вашу ИЕН Само , како да напишу ЦСС фрагмент који би био видљив за ИЕ бровсер <ИЕ7 само.

Јуче сам имао случај, где сам желео да пишем неку специфичну ЦСС ФиреФок одломке. Добро! Нисам сигуран да ли постоји ЦСС код за то, али постоји ХТМЛ иако постоји зачкољица., Овај комад ХТМЛ доеснот пасс ХТМЛ валидацију. Али, аниваз! Ако сте се заглавили или лоше, као што су, нема-поздрав за валидацију (понекад морамо бити окрутни), можете да користите следеће да прогласи везу ка ФФ само стилова или чак само ЦСС кода у оквиру овог блока. Код

<цоммент> Ставите само Фирефок ХТМЛ / ЦСС / писмо овде </ цоммент>

нпр.
<цоммент>
<стиле>
/ * Стилови за ФФ само * /
ФИЕЛДСЕТ {бордер: 1пк солид # ДДДДДД;}
</ Див>
</ Коментар>

Ја "сам срећан у овом тренутку ...

У неколико наврата, док радите изгледа страница са попуп поделама односно фасцикле односно трикови и сл наилазимо ситуацијама када неки облик Изабери објекте деси да буде под овим Искакање одјељења, од дизајна и показује кроз .... Иук!

Добро! можете лако могу да реше ово прилагођавање ваше З-индекс вредности на одговарајући начин за ФФ и Интернет Екплореру 7. Али Добра Стара (досјетка намењен) ИЕ6 не понаша како треба .... Изаберите поље кроз шоу, чак и након примене неке драстично високе З-вредности индекса на ваш попуп дивизија ... Штета!

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

"Сакријте Роуге Изаберите поље Када прикажете ПОПУП"

Једноставно у вашем скрипт исечку где можете показати ваше Искакање, додати комад скрипта да подесите видљивост Изаберите поље за "Скривено"

доцумент.гетЕлементБиИд ('ми_селецт') стиле.висибилти = "скривени",.

И не заборавите да га врати на крају свог Попуп дивизије

доцумент.гетЕлементБиИд ('ми_селецт') стиле.висибилти = "видљива".;

где је "ми_селецт" је ИД иритација Изаберите поље

Надам се ово помаже ...

ОШ. Постоје наравно и друге опције као што су динамички поситионининг ан ИФРАМЕ (исте величине као ти попуп) из падајућег ДИВ ... Ово ради добро превише, али са додатком оптерећења Дома елемената, писама и главобољу. Ја сам користио превише ово решење, а ако радите је потребна помоћ са овом опцијом, не дозволите ми да знам. Биће нам драго да Вам помогнемо!