Izsakot IT

Vairākkārt, bet dara lappušu izkārtojumus ar popup nodaļām / gaismas kastes / tips utt mēs nākam pāri gadījumos, kad daži Forma Atlasīt objektus notiek, ir saskaņā ar šiem PopUp nodaļās, kuru dizains un tas rāda caur .... Yuk!

Labi! Jūs varētu viegli noteikt šo, pielāgojot Z indeksa vērtības attiecīgi par FF un IE7. Bet labu veco (pun paredzēti) IE6 nav kā tas ir ieplānots .... SELECT BOX izstāde cauri, pat pēc tam, kad piemēro dažus krasi augstus Z indeksa vērtības jūsu PopUp nodaļa ... nejaukais!!

Nav šīs problēmas LABOJUMU, bet tur ir, es uzskatu, vairāk nekā pāris ceļā uz darbu ap šo problēmu, bet Im šeit, lai pastāstītu jums vienkāršāko risinājumu, ka es izmantot, kas darbojas sodanaudu mani, jo lielākā daļa lietas ....

"Paslēpt Reuges SELECT lodziņā, ja jums RĀDĪT POPUP"

Vienkārši jūsu skriptu fragmentu, kur jums parādīt jūsu uznirstošo logu, pievieno gabaliņu skriptu noteikt redzamību SELECT Box uz "Hidden"

document.getElementById ('my_select') style.visibilty = "hidden".;

Un atcerēties, lai uzstādītu to atpakaļ uz Aizvērt jūsu Popup nodaļas

document.getElementById ('my_select') style.visibilty = "redzama".;

kur "my_select" ir ID kairinājuma SELECT Box

Hope this helps ...

PS. Ir Protams citas iespējas, piemēram, dinamiski positionining iframe (tas pats izmērs kā Jums PopUp) ar Popup DIV ... Tas darbojas labi arī, bet ar papildus kravu ar DOM elementu, skripti un galvassāpes. Man ir izmantojis šo risinājumu pārāk, un ja jums nepieciešama palīdzība ar šo iespēju, es let me know. Būsim priecīgi palīdzēt!

Par vecumu, es domāju, lai konsolidētu visus paraugpraksi, esmu lasījis katru tagad un tad. Beidzot! I did get uz leju, lai likt to pildspalvu. Es sapratu, ka tas būs milzīgs uzdevums izveidot šo mamuts dokumentu, tāpēc es nolēmu veltīt visu kategoriju ar to, lai es varētu glabāt pievienojot stuff par labāko praksi, kā un kad es sastopas tos ...

Labi! saturs šeit būs apvienojot manas personīgās UI attīstības labāko praksi ar tiem rakstīti standarta izstrādātāji, piemēram, Yahoo, Google uc

Skatīties šo vietu, un saglabā browing uz paraugprakses Kategorija

CSS Reset tiek / ir CSS noteikt virkni elementu stilu ar konkrētu izejas, kas rada konsekvenci dažādos pārlūkos.

Mēs visi esam bijuši cauri rakstot pārrobežu pārlūku CSS 's murgi. Tātad, ja mēs sāktu rakstīt savu CSS, ir prakse, lai atjaunotu tā 1. noņemt / nomainīt jebkura šķērsgriezuma pārlūka nekonsekvences. CSS Atiestata, ir vienkārši dažas rindiņas CSS, ka jūs sākat savu CSS ar, sniedzot jums tīru bāzi sākt veidot savu uz.

CSS Atiestata ka es parasti mēdz izmantot izskatās šādi

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
html {font-size: 76%;}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}

ola, ul {
saraksts-style: none;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

Atiestatīt pārlūkprogrammu fonta lielumu
Arī atzīmē, reset, kas ir bijusi piemērojama pārlūka fonta lielumu nākamajā rindā ...

html {font-size: 76%;}

Iepriekš CSS Atiestata pārlūkprogramma fonta izmērs 10 pikseļi, un tas ļauj strādāt ar relatīvo fonta izmēru, kura no katra svarīga no WAI atbilstības prespective)
Par piemēram, šādā definīcijā, font-size kādā posmā ir iestatīts uz 10 pikseļiem, un ka paragarph ir iestatīts uz 14 pikseļiem ...

span {font-size: 1em;}
p {font-size: 1.4em;}