Tradus de http://labs.silverorange.com/archive/2004/may/updatedsimple
În urmă cu câteva luni, am postat un set de file simple fabricate dintr-o listă de glonț stil cu CSS. Am fost un pic neliniștit despre postarea aceasta inițial, ca modul în care am fost a face lucrurile sa o buggy pic în unele browsere destul de populare cum ar fi Safari.
După un feedback bun de la un număr de oameni și peste învățare mult mai CSS, m-am gândit să investească ceva timp în re-inginerie le întrun mod mai bun. În afară de mult îmbunătățită compatibilitate browser, există o serie de îmbunătățiri frumos.
Meniul secundar este acum o listă imbricate, așa că este mai semantic semnificativ.
Scara file cu font dimensiuni mult mai bine, cu ajutorul EM mai frecvent pentru dimensionarea.
Lucrurile sunt un pic mai compact, deci nu e mai mult loc pentru file.
Este ușor de a controla lățimea întregii cutiei (folosind EM daca esti inteligent).
Există câteva lucruri de a păstra în minte, dacă sunteți în căutarea la codul. În primul rând, am separate stilurile de bază pentru pagina și stilurile specfically pentru meniul. În al doilea rând, ține cont de faptul că există încă unele restricții tehnice pentru utilizarea acestora. De exemplu, titlurile de meniu lungi nevoie clasele filă pentru a fi set mai larg ca implicit și prea multe file sau elemente de meniu secundare va determina aspectul sa se intinda prea largă. Cu aceste în minte, acest set de file este mult mai bine pregătită pentru lumea reală.
Dacă sunteți în căutarea în dosarele, am făcut câteva adnotări într-adevăr de bază care explică câteva lucruri pentru tine. De asemenea, din cauza moștenirii lucruri, am avut de a redeclare o mulțime întreagă de atribute în imbricate elementele din listă, astfel încât explică tot codul redundante.
Din nou, nu ezitați să utilizați acest cod și, dacă vă îmbunătăți pe ele mi-ar plăcea să aud despre asta. Mulțumesc.
Acest aspect a fost testat în mod satisfăcător în următoarele browsere:
Image may be NSFW.
Clik here to view.
Image may be NSFW.
Clik here to view.
Internet Explorer 5.0
Internet Explorer 5.5
Internet Explorer 6.0
Internet Explorer 5.2 pentru Macintosh (glitches minore)
Firefox 0.8
Mozilla 1.4
Netscape 7
Opera 7.23
Opera 7.50
Safari 1.2
Camino 0.7
Actualizat 26 noi, 2004
După ce a fost subliniat faptul că titlul a fost restricționată în înălțime modul în care am făcut original, am plecat și fixat prin plasarea <h1> afara div, care permite acum nimic pentru a merge în partea de sus a secțiunii cu file. Fișier ZIP și exemplu sunt actualizate.
