2010 Mar 4, 2010
Peress li l-buttuna tar-radju u t-test huma inline, sabiex it-test se tallinja ruħha mal-qiegħ tal-buttuna tar-radju, It-test il-se jidhru li huma kemmxejn taħt il-buttuna tar-radju.
Jekk inti tixtieq dawn li jallinjaw mas-quċċata, inti ser ikollok post-radju u t-test fil-kontenituri separati bħal divs jew tifrex (kif xieraq) u dawn se jieħdu ħsieb tat-allinjament. Ikun aktar faċli biex użu ta 'ċelloli tal-mejda wisq, ta' qosor disinn tiegħek tippermetti dan.
Dan mhux se tħares l-istess f'kull browser, kif kull browser displays radjijiet kemmxejn differenti, u għalhekk hemm huwa dejjem se jkunu kwistjonijiet daqs x'ikun inti tagħmel.
ebda kummenti | stazzjonati fil quirks Browser , HTML
2010 8 Jannar, 2010
HTML5 għadu abbozz. Kif jikteb, Ix-xogħol fuq HTML 5, li bdiet fl-2004, għadu qed jingħata forma minn sforz konġunt bejn il- WG HTML W3C u l- WHATWG . Il-kelma hija li l-HTML gen li jmiss se jkollhom titjib u l-karatteristiċi, li kieku struttura ġdida u semantika, kontrolli forma, APIs, multimedja tags eċċ.
Bl-Ingliż sempliċi ... dak li jfisser li l-iżviluppaturi UI us ...
- Hemm se żieda ta 'xi viz tikketti strutturali. <article>, <section>, <header>, <aside>, u <nav>, li tieħu post il-maġġoranza tal <div> i użata fuq paġna web, jagħmlu paġni tiegħek daqsxejn aktar semantika, iżda aktar importanti, aktar faċli biex jinqara.
Hey! Immaġina l-isforz ffrankata fil-konstatazzjoni li wieħed nieqsa tag DIV qrib.
eż.
<body>
<header> ... </ header>
<nav> ... </ nav>
<article>
<section>
...
</ Sezzjoni>
</ Artikolu>
<aside> ... </ aside>
<footer> ... </ footer>
</ Korp> Minflok
<body>
<div id="header"> ... </ div>
<div id="nav"> ... </ div>
<div class="article">
<div class="section">
...
</ Div>
</ Div>
<div id="aside"> ... </ div>
<div id="footer"> ... </ div>
</ Korp> - Bil-miġja ta 'awdjo u l-kontenut vidjo bħal YouTube, l-użu tal-multimedja integrati fuq il-webpage tkun increaded mill darbiet. Filwaqt li jitqies dan, Issa il-pjan huwa li żżid native support għall-inkorporazzjoni vidjo u awdjo fil-browser stess, għalhekk jippermettu lill-utenti play, pause, stop, ifittxu, u taġġusta l-volum bl-użu APIs DOM builtin għall skripts biex jikkontrollaw il-daqq.
eż.
<video poster="poster.jpg">
<Sors src = "video.3gp" type = "video/3gpp"
midja = "jinżammu fl-idejn">
<source src="video.mp4" type="video/mp4">
</ Vidjo>
<audio>
<source src="music.oga" type="audio/ogg">
<source src="music.mp3" type="audio/mpeg">
</ Awdjo> - Aħjar rwoli definiti semantiċi għall-elementi eżistenti għall eż. <strong> u <em> jista issa attwalment jkollu tifsiriet differenti jiġifieri aktar ser jaġixxu b'mod differenti.
Hemm ħafna bidliet aktar / promozzjonijiet għall-verżjoni l-ġdida ... Se żżomm aġġornament din il-kariga bħala nasal madwar in kwalunkwe dawk utli interessanti .... Watch dan l-ispazju
Dan id-dokument ma jistgħux jipprovdu informazzjoni preċiża bħala l-HTML 5 ispeċifikazzjoni għadha attiv fl-iżvilupp. Meta fid-dubju, dejjem jivverifika l- HTML 5 ispeċifikazzjoni hawn .
1 comment | Il tags: HTML5 | stazzjonati fil HTML
2009 Ottubru 18, 2009
- Id-Dikjarazzjoni Tip ta 'Dokument jeħtieġ li jkun preżenti fil-bidu ta' dokument li juża s-sintassi HTML. Jista b'għażla jintużaw fil-sintassi XHTML, iżda mhix meħtieġa. Id-dokument XHTML ma bżonn li jinkludi l Tags għaliex dokumenti XHTML li huma mogħtija b'mod korrett użu ta 'XML tip ta' MIME u jiġu pproċessati bħala XML mill-browsers, huma dejjem mogħtija fl-ebda mod quirks.
- Fil XHTML, ismijiet tag huma sensittivi każ u huma ġeneralment definiti li tkun miktuba fil-zghar. Fil HTML, madankollu, l-ismijiet tag huma każ insensittiva u jistgħu jinkitbu kull każ uppercase jew imħallta, għalkemm il-konvenzjoni l-aktar komuni hu li nibqgħu ma zghar. Il-każ tal-lametti tal-bidu u tmiem ma għandhom ikunu l-istess, iżda li jkun konsistenti ma tagħmel l-aktar nodfa ħarsa kodiċi.
BENEFIĊĊJI TAL JUŻA HTML
- B'lura kompatibbli ma 'browsers eżistenti
- Awturi diġà huma familjari mal-sintassi
- Is-sintassi wisq klementi u klementi ifisser se jkun hemm ebda utent ostili " Screen ta 'Mewt Yellow "jekk żball aċċidentalment slips permezz
- Sintassi shorthand konvenjenti, awturi eż. jistgħu iħallu barra xi tags u l-valuri attribut
BENEFIĊĊJI TAL JUŻA XHTML
- Stretta sintassi XML jinkoraġġixxi awturi li jiktbu awment iffurmata tajjeb, li xi awturi jistgħu jsibu aktar faċli biex jinżamm
- Tintegra direttament ma vokabolarji ta 'XML oħra, bħall-format SVG u MathML
- Jippermetti l-użu ta 'XML ipproċessar, li xi awturi użu bħala parti mill-editjar u / jew proċessi pubblikazzjoni
ebda kummenti | Tags: XHTML | stazzjonati fil HTML , Web Developer
2009 Mar 24, 2009
Din l-iskola dawk qodma, iżda bħas-soltu huwa suppliment memorja tiegħi ...
Allura huwa b'diżabilità = "vera" u b'diżabilità = "false" istess? Iva
... Ma nemminx, ukoll! thats-mod li bih ... hawn xi spjegazzjoni ta 'malajr ...
"Persuni b'diżabilità" hija attribut ta 'element forma kwalunkwe / qasam u għalhekk tista' taċċetta ebda valur min-natura tiegħu.
Sakemm dan l-attribut huwa preżenti, l-element se jkunu b'diżabilità irrispettivament mill-valur tagħha. pereżempju.
<input type="text" value="This huwa disabled" disabled>
<input type="text" value="This huwa disabled" disabled="disabled">
<input type="text" value="This huwa disabled" disabled="true">
<input type="text" value="This huwa disabled" disabled="false">
Kollha ta 'hawn fuq se jagħmlu l-qasam din il-forma "B'DIŻABILITÀ".
Sempliċiment ma jipprovdux l-attribut "B'DIŻABILITÀ" jżomm il-Qasam "b'diżabilità" ... bħal hawn taħt
<input type="text" value="This mhuwiex disabled" />
Ftakar "Kull valur (jew l-ebda valur) ta 'l-attribut b'diżabilità, il-browser se jagħmilha b'diżabilità". Biex iżommu affarijiet ċar W3C imħuħ tagħna jirrakkomanda li nużaw b'diżabilità = "persuni b'diżabilità" f'dawn is-sitwazzjonijiet.
Dan huwa differenza għalkemm meta nużaw dan l-attribut javascript ...
document.form.element.disabled = vera; / / l-element se jkunu b'diżabilità
document.form.element.disabled = foloz; / / l-element ser ikunu jistgħu
L-argumenti ta 'hawn fuq huma veru wkoll għall-dawn l-attributi u elementi:
- kkontrollati (buttuna tar-radju u Checkbox)
- magħżula (għażla)
- nowrap (td)
1 comment | Il tags: Elementi Formola | Il stazzjonati fil HTML , JavasScript
2008 17 Diċembru, 2008
Jekk inti persuna css, inti taf l-uġigħ fil jkollna taqsim tiegħek tax-xogħol trans-browser. IE8 huwa pass ieħor spanner fil-xogħlijiet għall-iżviluppaturi us. Anywaz! jekk inti hit fuq din il-kwistjoni, Like I għamlet il-bieraħ, fejn CSS perfettament tax-xogħol tiegħek fil IE7 (u qabel) u Firefox f'daqqa waħda bdew jitfg tantrums fil IE8, TRY Dan ... Huwa nicely deher li jiffissaw il-problemi tiegħi għall-mument ....
Bl-użu dikjarazzjoni Meta, nistgħu jispeċifikaw il-magna tirrendi nixtiequ IE8 għall-użu. Allura li seħħ IE8 li tirrendi bħala IE7 ... Daħħal il-Tag Meta ġejja fil-kap tad-dokument tiegħek: -
<meta http-equiv="X-UA-Compatible" content="IE=7" />
Permezz ta 'default Meta IE tkun: -
<meta http-equiv="X-UA-Compatible" content="IE=8" />
li tagħmel IE8 tirrendi l-paġna tintuża l-modalità istandards ġodda.
Jekk meħtieġ, dan sintassi jistgħu jintużaw biex jakkomodaw għal browsers oħra kif imniżżel hawn taħt:
<meta http-equiv="X-UA-Compatible" content="IE=8;FF=3;OtherUA=4" />
AKTAR Dwar DOCTYPES:
Jekk inti għadhom familjari mal-tip ta 'annimal imsejħa "Tags" ... hawn xi taqra malajr
X'inhuma DOCTYPES? X'inhuma quirks Browser u Mode QRIB?
Twaqqif tal-Tags fil XSL
Għal aktar għarfien fil-fond dwar DOCTYPES, ipprova jżuru dawn il-links ...
A Lista Apparti: Waħħal Your Site Bil-Dritt Tags!
A Lista Apparti: Lil hinn Tags: Istandards Web, Forward Kompatibilità, u IE8
Nota: Għalkemm ħafna minna HTML / CSS nies ġew jittraskuraw l-importanza ta decleration Tags fid-dokumenti tagħna, Twaqqif tal-Tags dritt, huwa normalment ir-risposta għall-kwistjonijiet browser aktar transkonfinali.
1 kumment | Il tags: Tags , Kwistjonijiet IE , il IE8 , l Meta Tags , l Tips & Tricks | Il stazzjonati fil quirks Browser , il HTML
2008 Ottubru 4, 2008
Bħas-soltu, wieħed mill-ħafna xi problemi stramba ma IE u dan wieħed għandu jikklassifika kull 10 TOP tal quirks IE.
DIKJARAZZJONI TAL-PROBLEMA (Dan kien problema tiegħi, forsi inti għandek misbehaviors simili):
Għandi DIV ħafna huwa fil-paġna mal-klassi "sectionhead", li huwa xejn imma titolu ta 'taqsima dwar il-paġna. So I xi stil tfittex bħal dan
. Sectionhead {font-daqs: 18px; isfond: # cfcfcf; ikkuttunar: 5px;}
Il div huwa bar griż ċar ma 'xi test iswed. X'jiġri fil IE huwa xi wħud minn dawn headers taqsima huma murija ok, imma xi wħud huma inviżibbli, sakemm, inti iscroll il-paġna jew ikklikkja xi ħaġa fuq il-paġna eċċ F'xi dawn għandhom tendenza li jisparixxu meta inti ikklikkja l-"alt" ċavetta meta inti paġna isfel jew iscroll mal-iscroll bar. Huma xi drabi jidhru li jerġgħu jitfaċċaw meta inti rikarigu (F5) il-paġna. I qasir DIV perfettament sempliċi ma 'xi stil sempliċi jaġixxi BAD.
Liema jista 'jikkawża tali mġiba irregolari? Ukoll! Franchement, NO IDEA!
POSSIBBLI SOLUZZJONI:
Għal darb'oħra ma jitolbux me why, iżda f'ħafna każijiet din il-problema tendenza li jgħibu meta inti żid pożizzjoni: relattiva għall-ħażin iġib ruħu elementi stil, bħal din
. Sectionhead {font-daqs: 18px; isfond: # cfcfcf; ikkuttunar: 5px; pożizzjoni: relattiva}
Stramb imma dak li jgħidu? God Bless me minn IE!
U DO SHARE MA US, JEKK INTI HAD problemi simili.
ebda kummenti | Il tags: bugs IE , il jiffissa IE , il Hacks IE , il -Kwistjonijiet IE | L stazzjonati fil quirks Browser , il CSS , il HTML
2008 Ottubru 3, 2008
Mhux li hemm biss ftit Lightbox li tista 'ssib meta inti google. Il-kwistjoni mal-maġġoranza ta 'l-lightboxes li sibt kienet li dawn kollha dehru li jintuża wieħed jew l-oqfsa oħra piż tqil JavaScript simili, jQuery prototip, MooTools u ħwejjeġ bħal dawn. Dawn huma kollha jibred u swanky tfittex. Iżda Jekk ħtieġa tiegħek huwa "Imma nixtieq A SKRIPT Lightbox sempliċi u ħfief għall-sit tiegħi", allura hawnhekk hija;
Xi karatteristiċi sbieħ ta 'dan Lightbox
- Ħfief ħafna
1. 4kb ta Skripts meta ppakkjati (8 kb mhux ippakkjat)
b. 2 kb ta 'CSS
c. Ftit linji ta 'HTML għall-kontenitur Lightbox - Sempliċi biex jifhmu u jimplimentaw
- Jista 'jkollhom lightboxes multipli fuq l-istess paġna.
- Il-kontenitur Lightbox istess hija użata biex juru, kontenut differenti (li huwa separat inkluża bħala diviżjonijiet moħbija fil-paġna), jiddependi fuq il-link / għażla li huwa għafast.
- Awtomatikament ċentri innifsu, tieħu in konsiderazzjoni l-fatturi bħall-għoli Tieqa u wisa '(riżoluzzjoni iskrin), ammont paġna iscroll u l-għoli tal-kontenut tal-Lightbox
- Ittestjati fl-IE 7 & FF
Ara Demo |
Download Lightbox Sors Zip (ddawnlowdjati 1804 darbiet)
Uża l-Lightbox [Fajls fil-zip file] jo.js, il jo_pack.js [verżjoni ppakkjati]: - sett sempliċi ta 'OĠĠETTI JavaScript [JO], li fih, l-element tieqa u skripts pożizzjonament dokument. Tista 'tiftaħ JO.JS jekk inti tixtieq li tikseb idejk maħmuġ ma' xi Javascripting Avvanzata, il-ħolqien funzjonijiet astratti, li testendi proprjetajiet element u bħal dawn. Jekk inti mhux wisq fil Javascripting, Ħallieh waħdu.
lightbox.js, lightbox_pack.js [verżjoni ppakkjati]: - Fihom skripts dawl maniġer kaxxa. Jekk inti disinjatur paġna, wkoll responsabbli mill-implimentazzjoni l-Lightbox fuq il-paġna, inti jeħtieġ li jifhmu l-LightBoxManager. LightBoxManager bażikament fiha biss żewġ funzjonijiet showLightBox u closeLightBox.
lightbox.css: - Jekk taf CSS, inti tista 'tilgħab madwar mal lightbox.css biex jippersonalizzaw il-ħarsa n-jħossu lightbox.css
index.html: l-implimentazzjoni tal-kampjun tal-Lightbox b'żewġ kontenut differenti
lb_underlay_bkg.png: - Dan huwa dawl / simi immaġni trasparenti li jintuża l-isfond għall-underlay Lightbox [Underlay hija s-saff taħt il-lighbox, li jipprevjeni l-utent minn tikklikkja kwalunkwe entità oħra fuq il-paġna, filwaqt li l-Lightbox huwa miftuħ]. Tista 'tuża kwalunkwe immaġni jew anki kulur solidu għal dan il-għan, jiddependi fuq id-disinn paġna u l-ħtieġa.
icon_lb_close.gif: - L-immaġni għal manku Lightbox qrib fuq il-lemin ta 'fuq tal-kaxxa tad-dawl. Jistgħu jużaw kull xbiha bħala kull disinn
Ara Demo |
Download Lightbox Sors Zip (ddawnlowdjati 1804 darbiet)
Jekk jogħġbok ibgħatilna kummenti tiegħek u feedback ...
ebda kummenti | Tags: Lightbox , Kaxxa Dialog modali | Il stazzjonati fil CSS , Downloads , HTML , JavasScript , Komponenti UI
2008 Set 4, 2008
Dan il-post jista 'jkun eżempju tajjeb għall-frażi "nannu Tagħlim li terda bajd" ... Jikkawżaw dan huwa biss BAŻIĊI imbarazz CSS. Iżda għal dawk, bħall-me tagħtix każ, dan jista 'jkun barka moħbija. Jien dejjem ikkunsidrajt (I tista 'titlef l-impjieg tiegħi biex tgħid dan), kien biss possibbli li tinżamm xi parti tas-kontenut tal-paġna HTML statiku (tifsira, il-pożizzjoni tagħha tibqa' AS IS fuq Skrollja Tieqa), bl-użu xi skripts intelliġenti, Jsir dawk kollha xjentifika kalkoli li ssib pożizzjoni dinamika, insib avvenimenti Window.scroll u l-istabbiliment timeouts eċċ
Qatt ħsibt li jista sempliċi kemm dan .... Hawnhekk fil-hawn taħt CSS / HTML, għandi erba 'blokki statiku, wieħed fiss lil kull extrimities tal-paġna, TOP, DRITT, QIEGĦ u left ... m'hemmx għalfejn ngħidu ... inti tista' tagħżel kwalunkwe wieħed jew aktar jekk ikun hemm bżonn ...
CSS
. Statiku {display: block; z-indiċi: 10; kulur: # ffffff; overflow-x: moħbija; overflow y: moħbija; pożizzjoni: issi;
}
# Kontenut {marġini: 100px 150px 0px 160px; fruntiera: 1px solida # e6e6e6}
# Wrap-t {top: 0px; isfond: # 33CC66; wisa ': 100%; għoli: 55px;}
# Wrap-l {top: 80px; isfond: # FF9966; għoli: 300px; wisa ': 150px; fruntiera: 2px solida # e6e6e6;}
# Wrap-b {qiegħ: 0px; isfond: # 3333CC; wisa ': 100%; għoli: 55px;}
# Wrap-r {top: 80px; isfond: # 6666FF; għoli: 300px; wisa ': 140px; fruntiera: 2px solida # e6e6e6; dritt: 0;}
HTML
id="contents"> <div You kontenut paġna prinċipali </ div>
<div id="wrap-b" class="static">
Kontenut statiċi fuq qiegħ Page
</ Div>
<div id="wrap-t" class="static">
Kontenut statiċi fuq Top Page
</ Div>
<div id="wrap-l" class="static">
Kontenut statika fuq Page xellug
</ Div>
<div id="wrap-r" class="static">
Kontenut statiċi fuq id-dritt Page
</ Div>
Ara kampjun wroking hawn
ebda kummenti | Tags: Pożizzjonament CSS | Il stazzjonati fil CSS , HTML
2008 Settembru 2, 2008
Ħafna drabi aħna jħossu l-ħtieġa li jiktbu hacks browser specfic (għalkemm mhux prattika tajba, aħna-iżviluppaturi UI għandhom jirrikorru għal ħażen, sakemm il-gwerer Browsers kbira tasal għal waqfien mill-ġlied). Earlier, I kien semma f'dan l-artikolu Għal IES tiegħek biss , kif jiktbu snippet CSS li tkun viżibbli għall-browsers IE <IE7 biss.
Ilbieraħ, I kellha każ fejn jien ridt li tikteb xi Firefox speċifiku informattivi CSS. Ukoll! I am not sure jekk ikun hemm kodiċi CSS għal dan iżda hemm HTML. Hemm qabda Għalkemm, din il-biċċa HTML doesnot validazzjoni pass. Iżda, anywaz! Jekk inti mwaħħla ħażin jew bħala tali, m'għandhom l-ebda rigward għall-validazzjoni (f'xi irridu nkunu krudili), inti tista 'tuża dawn li ġejjin biex tiddikjara link għal stylesheet FF biss jew anki sempliċement kodiċi-CSS fi ħdan dan il-blokk. Il-kodiċi hija
<comment> Poġġi Firefox tiegħek biss HTML / CSS / skripts hawn </ kumment>
eż.
<comment>
<style>
/ Stili * għal FF * biss /
fieldset {fruntiera: solidi 1px # dddddd;}
</ Style>
</ Kumment>
I "m kuntenti għall-mument ...
ebda kummenti | Il tags: FF bugs , Hacks FF , Kwistjonijiet FF | Il stazzjonati fil quirks Browser , il CSS , il HTML , JavasScript
2008 Marzu 15, 2008
F'diversi okkażjonijiet, filwaqt li tagħmel layouts paġna ma 'diviżjonijiet popup / lightboxes / Tips eċċ aħna jiltaqgħu sitwazzjonijiet fejn xi oġġetti Formola TAGĦŻEL jiġri li jkun taħt dawn id-Diviżjonijiet Popup, mid-disinn u dan juri permezz .... YUK!
Ukoll! inti tista 'faċilment FIX dan billi jaġġusta Z-INDIĊI valuri tiegħek b'mod xieraq għal FF u IE7. Iżda Tajba Old (pun maħsuba) IE6 ma jaġixxix kif maħsub .... Il juru KAXXA TAGĦŻEL permezz, anke wara li inti tapplika xi drastikament għolja Z-INDIĊI valuri li Diviżjoni Popup tiegħek ... Bummer!!
Hemm l-ebda soluzzjoni għal din il-problema, iżda hemm, nemmen, aktar minn mod ftit max-xogħol madwar din il-problema, Imma Im hawn biex jgħidlek l-eħfef soluzzjoni li nuża, li xogħlijiet multa għalija, f'ħafna mill- każijiet ....
"Aħbi l-KAXXA TAGĦŻEL rouge meta inti juru l-popup"
Sempliċiment fil snippet iskrittura tiegħek fejn inti juru popup tiegħek, żid biċċa iskrittura li tiffissa l-viżibbiltà tal-Kaxxa TAGĦŻEL għal "Hidden"
document.getElementById ("my_select") style.visibilty = "moħbija".;
U ftakar li jiġu stabbiliti lura fuq QRIB tad-Diviżjoni Popup tiegħek
. ("my_select") document.getElementById style.visibilty = "viżibbli";
fejn "my_select" huwa l-ID tal-Kaxxa irritazzjoni TAGĦŻEL
Nittama li dan jgħin ...
PS. Hemm għażliet oħra Naturalment bħal dinamiku positionining iframe (daqs istess kif inti Popup) taħt l-DIV Popup ... Dan jaħdem tajjeb wisq, iżda ma 'żieda ta' tagħbijiet ta 'Elementi DOM, skripts u Uġigħ ta' ras. I użaw din is-soluzzjoni wisq, u Jekk għandek bżonn xi għajnuna ma din l-għażla, do let me know. Se jkun ferħan li jgħinu!
ebda kummenti | Il tags: bugs IE , il jiffissa IE , il Hacks IE , il -Kwistjonijiet IE , il IE6 | stazzjonati fil quirks Browser , il CSS , il HTML , JavasScript
