Поскольку мне нужно, чтобы работало везде, пришлось использовать костыль. Кстати интересно, как вы решаете эту проблему? Ну допустим, для ие и оперы. А в других браузерах? Отдельный код?
На фоне фокусов IE, правило для оперы не считаю костылём. После анализа статьи по ссылке пришёл к выводу, что использование тега wbr - наиболее приемлимый вариант. Иначе пришлось бы генерировать разный код для разных браузеров. Как говорится, меньшее из двух зол.
Нашёл отличный вариант расстановки мягких пробелов: тег wbr (http://www.quirksmode.org/oddsandends/wb…). Его и пользуем.
Для оперы отдельное правило в css: wbr:after { content: "\00200B" }
Вроде бы так: Поджигаем первый шнур с двух сторон, второй - с одной. Когда первый полностью сгорит - поджигаем второй с другой стороны. Когда он догорит, пройдёт ровно 45 минут с момента старта.
Конечно! Однако пункт 3 я всё-таки бы не сбрасывал со счетов, разумеется как дублирование сообщений в почту. Обойти ограничение по ip при желании можно. И искать в куче мусора нужное письмо будет довольно сложно. Да и почтовик может начать брыкаться. База всё-же удобнее и надёжней.
Все эти способы с изменением значения без использования третьей переменной хороши до определённого момента. И потом тратишь кучу времени, чтобы понять, почему не работает. А всего то, переменные ссылаются на одно место в памяти.
Ну вобщем уже написали, задачу вы решаете немного не ту. Но всё равно очень интересно и познавательно. Подкинул бы кармы, да мне самому её "подрезали", больше не могу голосовать.
Хотя формально ваш вариант годится. Держите карму.
За вёрстку, которая будет работать на разных фонах и с градиентом (как следствие, нужен png) - дам карму я и мой товарищ :)
Будет работать только если уголки будут выполнены на оранжевом фоне, как в примере. Но это же не очень интересно. Хочется, чтобы уголки были на прозрачном фоне, чтобы можно было использовать элемент в разных местах с разным фоном.
Ну уж нет. Тут используется то, что верхний левый угол можно наложить на верхний повторяющийся бордер и ничего не испортится. Попробуйте то же самое проделать, когда у вас закруглённые края.
Тут удобство даже не в избежании подобных камней. А скорее в правильном подходе. Каждый элемент на странице может быть в нескольких состояниях (показан, не показан, сфокусирован, в режиме редактирования). Более того, состояние родительских элементов может влиять на его детей. Все эти взаимосвязи легко ложатся на язык css и поддерживаются всеми браузерами. И чем каждый раз в яваскрипте определять, какая у нас новая конфигурация и что изменилось по сравнению с текущей, проще прописать нужные правила в css и оперировать в терминах классов.
Для оперы отдельное правило в css: wbr:after { content: "\00200B" }
За вёрстку, которая будет работать на разных фонах и с градиентом (как следствие, нужен png) - дам карму я и мой товарищ :)