Vlad
-
Posts
6,588 -
Joined
-
Last visited
-
Days Won
55
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Vlad
-
SelenIT, похоже именно эта проблема и возникла.
-
Чего тут верстать, плевое дело. Вставляете картинку как фон с no-repeat 50% 0, далее добавляете новый блок, ему ширину и высоту белого фона и сдвиг вниз на высоту голов, плюс margin: auto. Еще overflow: auto включить. Вот и все.
-
Да форум верстать как раз не проблема, он обычно на таблицах построен, так что никаких особых сложностей быть не должно.
-
С каких это пор <li> стал строчным элементом?
-
Добавьте к таблице с фоткой table-layout: fixed
-
А то, как без него! Только height: 1% кошернее.
-
IE старых версий не поддерживает display: inline-block, поставьте для него inline. Хотя можно вообще без display обойтись, у вас ведь и так float применяется.
-
Ничего странного в этом фиксе нет, ноги его растут всё из одного места — из hasLayout. Цитирую. Так что вариантов добиться одного результата несколько, выбирайте подходящий.
-
Чёртов IE, ни за что бы не догадался, что hasLayout надо поставить напрямую ссылке, а не пункту списка! Спасибо. Заменил zoom: 1 на height: 1%, так оно красивее будет, а результат тот же.
-
Что ты докопался до этого! Они здесь не при чем. В примере первого поста их нет? Нет, а отступы есть и hasLayout стоит.
-
А смысл? Поведение IE7 абсолютно такое же. Пусть здесь даже нет float, но width ведь тоже hasLayout устанавливает. Так что в любом случае zoom никак не скажется.
-
Действительно, ерунда какая-то. Путаю. В оригинале они есть, это здесь я их выкинул для простоты. Ничего не поменялось в итоге.
-
zoom здесь не поможет, у элементов списка и так стоит hasLayout. Во-первых, float используется, во-вторых, абсолютное позиционирование, а в третьих, ширина задана.
-
Понятно что IE, но даже у него какая-то логика есть. Или нет?
-
Есть следующий список. В IE7 между пунктами наблюдается небольшой промежуток, в остальных браузерах его нет. Как убрать знаю, но не могу понять, откуда он берется. Что скажете? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Меню</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> LI { list-style: none; /* Убираем маркеры */ border: 1px solid #CCC; /* Рамка вокруг пунктов меню */ width: 200px; /* Ширина меню */ } A { display: block; /* Ссылка как блочный элемент */ padding: 5px; /* Поля вокруг надписи */ text-decoration: none; /* Убираем подчеркивание у ссылок */ color: #666; /* Цвет текста */ } </style> </head> <body> <ul> <li><a href="linkcl.html">Cyп-харчо</a></li> <li><a href="linkc2.html">Лилибдж</a></li> <li><a href="linkc3.html">Чихиртма</a></li> <li><a href="linkc4.html">Шашлык</a></li> </ul> </body> </html>
-
Попытался сделать изменение перспективы через -moz-transform: skewY(-5deg), но обрезается все, что выходит за границы исходного размера.
-
Если исходная картинка "прямая", то ее можно исказить в перспективе, также как и ее отражение. А затем поверх наложить полупрозрачный рисунок. Так что да, можно автоматизировать процесс.
-
А никак. Даже в графическом редакторе вручную это сделать тяжело, зависит от картинки. На автомате же вообще не реализовать. Это называется матрица преобразования. До конца еще сам не разобрался, первые курсы математики и работа с матрицами позабыты. Поэтому ссылки накидаю на англ. На русском тоже можно найти по ключевым словам матрица преобразований или матрица трансформации. http://www.mathamazement.com/Lessons/Pre-C...n-matrices.html http://en.wikipedia.org/wiki/Linear_transf...mation_matrices (на русский язык этот раздел не переведен)
-
Нет, не подходит. Здесь эффект как раз отражения, а не поворота должен быть. Для IE6 я не стал ничего делать, в нем проблема простая, связанная с PNG-24. Думаю, да, пнгфикс исправит. Должно работать в IE7-9, Opera 10.50+, Safari 3.1+, Chrome 2+, Fx3.5+.
-
Не обошлось без дополнительного вложения, добавляется через jQuery. Имеется два типа отражения — сильное (fade.png) и слабое (fade2.png), мне больше второе понравилось, даже наверное можно еще ослабить. http://liondesert.narod.ru/archive/floor.zip Макс, что за фигня! Глаза красные и горизонт завален!
-
Как говорилось в Саус Парке — это все уже было в Сипсонах. Ничего нового не придумаешь, всегда найдется плагин под jQuery.
-
А что, разве этого недостаточно? Еще приводит к затратам вычислительных ресурсов браузера и к ошибкам в отображении страницы при ее прокрутке. Эффект заметен не всегда, некоторые люди просто не обращают на это внимание, но в любом случае неприятно.
-
Мне запала идея сделать все через CSS3. Стиль для отражения. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Отражение</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> .flip { -webkit-transform: matrix(1, 0, 0, -1, 0, 0); -moz-transform: matrix(1, 0, 0, -1, 0, 0); -o-transform: matrix(1, 0, 0, -1, 0, 0); filter: flipV; } </style> </head> <body> <p><img class="flip" src="images/figure.jpg" alt="" /></p> </body> </html> Игорь, с тебя скрипт создания и вставки копии картинки, а с меня поворот картинки и наложение сверху градиента.
-
На JS как сделать пока не знаю, на PHP или другом языке с графической библиотекой алгоритм будет такой. Пусть x и y это ширина и высота изображения. 1. Создаем новое изображение размерами x на y+30px. Здесь 30px высота "мокрого пола", подбирается экспериментально, исходя из размеров изображения и выразительности эффекта. 2. Вставляем в новое изображение (назову его НИ) исходную картинку с координатами 0,0. 3. Отражаем исходное изображение по вертикали и вставляем его в НИ с координатами 0, y. 4. Вставляем в НИ заранее подготовленное изображение в формате PNG-24 с градиентом. Градиент вертикальный от прозрачного цвета до цвета фона (для белого цвета фона — от прозрачного до белого). Координаты — 0, y. Подумалось, что можно реализовать на JS и CSS3 такое. Делаем копию картинки через скрипт, а уже через CSS его отражаем и накладываем сверху градиент.
-
Для программирования или вручную в графическом редакторе?
