Абноўленыя простыя CSSтабы
Original on labs.silverorange.com
Некалькі месяцаў назад я апублікаваў набор простых укладкі з маркіраваны спіс стылі з CSS. Я быў трохі турбуе месцаванні яго першапачаткова, а так, як я рабіў рэчы было трохі памылкі ў некаторых даволі папулярных браўзараў, як Safari.
Пасля некалькіх добрых водгукаў ад колькасці людзей і, пазнаўшы, значна больш CSS, я думаў, што выдаткаваць некаторы час на рэарганізацыю іх лепш. Апроч значна палепшана сумяшчальнасць браўзара, Ёсць некалькі добрых паляпшэнняў.
- Сярэдняе меню зараз укладзены спіс, так што больш семантычна значных.
- табы маштабы са шрыфтам памерам значна лепш з дапамогай EMS часцей каліброўкі.
- Справа ледзь больш кампактны, так што ў вас больш месцы для ўкладак.
- Лёгка кіраваць шырынёй цэлая скрыня (з дапамогай EMS, калі ты разумны).
Ёсць некалькі рэчаў, каб памятаць, калі вы гледзіце на код. Па-першае, я падзяліў асноўныя стылі для старонкі і стылі specfically для меню. Па-другое, майце на ўвазе, што Ёсць яшчэ некалькі тэхнічных абмежаванняў для выкарыстання гэтых. Напрыклад, доўгія назвы меню неабходна на ўкладцы класаў для шырэйшага набору па змаўчанні, і занадта шмат укладак ці сярэдняй пункты меню выкліча размяшчэнне расцягнуць занадта вялікі. З гэтым у выглядзе, што гэты набор укладак значна лепш падрыхтаваны да рэальнага жыцця.
Калі вы шукаеце ў файлы, я зрабіў некалькі сапраўды асноўных анатацыі растлумачыць сёе-тое для вас. Акрамя таго, з-за спадчыны рэчы, мне прыйшлося перавызначыць Процьма атрыбуты ўкладзеных элементаў спісу, так што тлумачыць усё залішняга кода.
Ізноў жа, не саромейцеся выкарыстоўваць гэты код, і калі вы палепшыць на іх я жадаў бы пачуць пра яе. Дзякуй.
Гэты фармат быў пратэставаны здавальняюча ў наступных браўзарах:
- Internet Explorer 5.0
- Internet Explorer 5.5
- Internet Explorer 6.0
- Internet Explorer 5.2 Macintosh (некаторыя праблемы)
- Firefox 0,8
- Mozilla 1.4
- Netscape 7
- Опера 7,23
- Опера 7,50
- Safari 1.2
- Camino 0.7
Абноўлена 26 лістапада 2004
Пасля таго, як было адзначана, што загаловак быў абмежаваны ў вышыню, як я зрабіў арыгінальны, я пайшоў і ўсталяваў яе, паставіўшы <h1> па-за DIV, які зараз дазваляе чагосьці варта на вяршыні ўкладцы. ZIP файл і прыклад абнаўляецца.
