[ Transparent custom corners and borders ]
Have you ever wanted to make a resizable box with rounded (or any shape) corners, custom borders, and a transparent shadow? Did you also want to do that without cluttering your markup with a bunch of non-semantic div elements? Now you can.
Р’РѕС‚ такое заявление. Для тех, кто РЅРµ силен РІ английском, примерно перевожу: “Мечтали ли РІС‹ РєРѕРіРґР°-РЅРёР±СѓРґСЊ делать Р±РѕРєСЃС‹ СЃ округлыми уголками, масС?табируемые, Рё РїСЂРё этом РЅРµ городить кучу div’РѕРІ? Теперь это возможно.”
Р? это действительно так. Потрясающее РїРѕ своей элегантности СЂРµС?ение предложено 456 Berea st. (финальный пример). Насколько СЏ РїРѕРЅСЏР» РёР· разобранного скрипта, РѕРЅ сам генерит нужное количество блоков. РћС‚ вас только требуется 2 картинки. Р’СЃС‘ это завязано Рё работает РЅР° javascript. РќРѕ если вам РІРґСЂСѓРі РІ голову стрельнет отключить javascript РІ браузере, то ничего страС?РЅРѕРіРѕ — РЅР° выходе РІС‹ получите аккуратные прямоугольные блоки.
Потрясно! Теперь надо придумать, где бы это применить
“Для тех, кто РЅРµ силен РІ английском” - думаю, что такие люди РІСЂСЏРґ ли СЃРјРѕРіСѓС‚ стать С…РѕСЂРѕС?РёРјРё html-кодерами, Р° посему РёРј это Рё неинтересно. Потому что постоянно нужно С?агать РІ РЅРѕРіСѓ СЃРѕ временем, читать электронные журналы Рё блоги, иначе профессиональное развитие РІ данном направлении просто остановится, Р° знания быстро устареют.
Р РµС?ение действительно очень красивое, РјРЅРµ тоже понравилось.
Кстати, спасибо больС?РѕРµ Р·Р° рекламу Bloglines - РІРѕС‚ никак РЅРµ нарадуюсь. :-) (смотреть РјРѕРё фиды - СЃРїРёСЃРѕРє стремительно пополняется)
Как РїРѕ РјРЅРµ РЅРµ стоит путать назначение DIV’РѕРІ Рё TABLE. Рлемент
DIV является блочным элементом Рё предназначен для выделения фрагмента документа СЃ целью изменения РІРёРґР° содержимого. Как правило, РІРёРґ блока управляется СЃ помощью стилей. Чтобы РЅРµ описывать каждый раз стиль внутри тега, можно выделить стиль РІРѕ РІРЅРµС?РЅСЋСЋ таблицу стилей, Р° для тега добавить параметр class или id СЃ именем селектора. Рђ РІРѕС‚ элемент
TABLE служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов TR и TD. Внутри TABLE допустимо использовать следующие элементы: CAPTION, COL, COLGROUP, TBODY, TBODY, TD, TFOOT, TH, THEAD и TR.
РЎРѕСЂРё Р·Р° эти описания, РЅРѕ помоему ответ должен напраС?иваться сам: “отдайте блокову блоково, Р° таблица строки Рё ячейки” :)
2 mourner:
пользуйся на здоровье :) только вот народу у тебя в people_ru маловато. Загляни ко мне в ru_bloggers - там много интересного ;)
2 wmas
Р? РіРґРµ ты РІ том методе РЅР°С?ёл путаницу РІ назначениях div Рё table?..
2 Денис
В people_ru у меня мало людей пока потому, что сейчас начинается сессия и у меня нет времени всех читать. Когда вся эта кутерьма с учебой закончится, я обязательно пересмотрю всех ру_блоггеров в твоих фидах. Последние, к слову, я уже не раз просматривал. :-) Хотя со своей стороны могу сказать, что у тебя англоязычных блоггеров маловато как для человека с двумя сотнями фидов. :-)
Столько всего интересного прочитал Р·Р° последнее время использования Bloglines… Сейчас вынаС?иваю идею РїРѕ созданию себе блога, соединивС?его РІ себе громадное количество разных CSS-трюков. РџРѕРєР° РЅР° СѓРј РїСЂРёС…РѕРґСЏС‚ эти custom borders, elastic layout Рё elastic faux columns (РїРѕ чудесным статьям СЃ Pixelmeadow), Semantic multilevel CSS dropdowns СЃ Aplus Moments, парочку приемов СЃ комментами СЃРѕ snook.ca Рё еще РєРѕРµ-чего. Р’РѕС‚ так РІРѕС‚. :-) РҐРѕСЂРѕС?Рѕ, что СЏ использую Textpattern - СЃ Вордпрессом Рё такими замаС?ками СЏ Р±С‹ марался месяца 3, Р° так… Внедрю даже самую навороченную вёрстку Р·Р° день-РґРІР°. :-)
ну что сказать? удачи тебе во всем!
CSS + JavaScript (2.3 РљР‘) - элегантное СЂРµС?ение? Наверное, насколько может быть элегантным - костыль…
РЅСѓ наверное Сѓ нас СЃ тобой разные понятия РѕР± элегантности…
Punto, предложиС?СЊ менее обьемное СЂРµС?ение задачи “resizeable boxes with custom borders” СЃ отсутствием additional markup?
Нет, РЅРµ предложу. Если Р±С‹ это было простым СЂРµС?ением, РЅРµ потребовалось Р±С‹ изобретать столь элегантный костыль.
ЛучС?РёР№ РїРѕ всем параметрам метод достижения конкретной цели РёР· всех РїРѕРєР° существующих костылём никак РЅРµ назовёС?СЊ.
вы еще подеритесь, горячие финские парни (с)
2 mourner: СЏ РіРѕРІРѕСЂРёР» РІ общем, сейчас РїРѕС?ла резкая манечка РЅР° DIV’С‹. Р’РѕС‚ Рё здесь придуманы как С…РѕСЂРѕС?Рѕ сказал Punto: “… изобретать столь элегантный костыль.“. Конечно: “всёв РјРёСЂРµ относительно” - как сказал Альберт РР№РЅС?тейн, РЅРѕ изобретать велосипед … даже незнаю :)
wmas Что-то СЏ тебя РІСЃС‘-равно РЅРµ РїРѕР№РјСѓ. РўС‹ предлагаеС?СЊ custom borders таблицами верстать, что-ли? Р? почему ты СЂРµС?РёР», что тот метод РЅРµ обеспечивает semantic markup? “DIV является блочным элементом Рё предназначен для выделения фрагмента документа СЃ целью изменения РІРёРґР° содержимого.” - правильно, РѕРЅ там Рё используется как блочный элемент. Ничего лиС?него.
РџСЂРѕ велосипед - это вообще что-то непомерно отдаленное РѕС‚ обсуждаемой темы. РќСѓ РїСЂРё чем тут велосипед? Кто еще раньС?Рµ изобретал что-то РїРѕРґРѕР±РЅРѕРµ? РџРѕРїСЂРѕР±СѓР№ РЅР° этот раз изъясниться яснее.
РћС… страС?ен СЏ РІ гневе. Цитирую: «Мечтали ли РІС‹ РєРѕРіРґР°-РЅРёР±СѓРґСЊ делать Р±РѕРєСЃС‹ СЃ округлыми уголками, масС?табируемые, Рё РїСЂРё этом РЅРµ городить кучу div’ов? Теперь это возможно». Другими словами, насколько СЏ РїРѕРЅСЏР», используется JavaScript который генерит эти вещи. Что касается уголочков РјРЅРµ легче РІСЃС‘ это сделать через таблицы … РќРѕ каждому СЃРІРѕС‘ хотиС?СЊ используй Рё торт вам РІ наслажденье :)