mamay
-
Posts
9 -
Joined
-
Last visited
mamay's Achievements
Explorer (1/14)
0
Reputation
-
Дело мастера боится.
-
Про-о-о-сим, про-о-осим!
-
Ээээх... Какой облом. В Opera не работает! А какой был балет!
-
klierik Ну круто же! Недаром "Эксперт". Это будет полезно ВСЕМ! Можете объяснить вот этот момент: filter:alpha(opacity=10); -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1; Каждую строчку отдельно. Спасибо!
-
Не выходит что-то не так. Не пойму, что... ——— <html> <head> <style type="text/css"> <!-- em { display: block; width: 400px; height: 200px; border-right: 1px #666 solid; } i { display: block; width: 400px; height: 200px; border-bottom: 1px #666 solid; } em+i { margin-top: 2px; border-bottom-color: #999; } i+em { margin-left: 2px; border-right-color: #999; } em+i+em { margin-top: 3px; border-bottom-color: #ccc; } i+em+i { margin-left: 3px; border-right-color: #ccc; } em+i+em+i { margin-top: 4px; border-bottom-color: #efefef; } i+em+i+em { margin-left: 4px; border-right-color: #efefef; } --> </style> </head> <body> <em><i><em><i><em><i><em><i><em><i> Блок с тенью, созданной при помощи CSS и вложенных тегов <em> и <i> </i></em></i></em></i></em></i></em></i></em> </body> </html>
-
Пытаюсь решить так: (смотреть пока только в IE) ———————————————— <html> <head> <style type="text/css"> <!-- em { display: block; width: 400px; height: 200px; border-right: 1px #ccc solid; } i { display: block; width: 400px; height: 200px; border-bottom: 1px #ccc solid; } i+em { margin-left: 1px; } em+i { margin-top: 1px; } --> </style> </head> <body> <em><i><em><i><em><i><em><i><em><i> Блок с тенью, созданной при помощи CSS и вложенных тегов <em> и <i> </i></em></i></em></i></em></i></em></i></em> </body> </html> Надо добиться иллюзии градиента
-
maddogrts, я прошу прощения, но я вовсе не говорил, что Вы должны это делать. Не все так заняты, как Вы. Занимайтесь пока своими делами. А как захочется, заходите снова. По-делу. Мне и правда это интересно и нужно. Применение этому самое широкое. Например, блок контента в квадрате (объявление), который отбрасывает тень. Отходить от графики стоит в принципе (исключение - Логотип) по последним постановлениям партии W3C. Наконец такое колдовство просто интересно. Кто може-е-ет!
-
Ну, кроме разного рода проверяющих, бывают несведующие. Приведите пожалуйста пример решения.
-
Создание теней для блоков всегда происходит с помощю изображений. А кто знает как избежать использования какой-либо графики для решения этой задачи? Итак: <html> <style><!-- ... --></style> <body> <div class="blockwithshadow"></div> </body> </html>