DjTarik
-
Posts
698 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by DjTarik
-
Неужели никто не расскажет, почему так происходит? Я даж страничку набросал: http://tarik.kasperovich.ru/test/index_04.html Типичный случай, когда надо сделать тени, которые будут появляться про разрешении > 1000px; В Опере и IE хорошо видно, что справа появляется красная полоска в 1 пиксель... А ее быть не должно...
-
Суть проблемы: html <body> <div class="window"> <div class="sub-window"> — "основное содержимое" — </div> </div> </body> css .window { background: url(window_bg.jpg) repeat-y center top; } .sub-window { width: 1000px; background: url(sub_window_bg.jpg) no-repeat center top; } Имеем два блока на всю ширину экрана. У одной рисунок на 1400px у другой - 1000 по ширине. У первого повторяется по вертикали - у второго фиксирован на 200px по высоте и не повторяется. Фоны должны пиксель в пиксель стыкаваться при наложении один на другой. Изначально так и происходит. Но при ресайзе окна броузера (когда изменяешь ширину окна) - происходит смещение на 1px. Во всех броузерах. Давно мучаюсь с этой проблемой (на каждом макете, у которого фон, больше чем на 1000px, т.е. должен появляться только при разрешении > 1000). Возможно есть какой-нить фикс для этого? Или это считается "нормальным" поведением? И что делать в таких случаях? Спасибо...
-
Однозначно делай! Для начала блога хватит. Одного HTML и CSS хватит, чтобы тебя уже читали... А дальше - больше...=) А читать тебя будут, эт точно... Я буду одним из первых! =P P.S. Тока RSS сделай)
-
Т.е., в принципе, простое редактирование верстки и ее оптимизация - это все, что нужно? P.S. А в чем же отличие wap от pda? В разрешении экрана? =)
-
Блииин)))) Ну а если серьезно? Ну хоть в какую сторону копать?
-
Искал) Честно искал, перед тем, как написать сюда... Вот по такому запросу, примерно: "В чем отличие wap и pda сайтов?" с различными вариациями... Практически везде просто ссылка на фразы "PDA-версия сайта", "WAP-версия сайта"... А что и как - нету... Может я не так ищу? =))) p.S. На этом форуме, поиск по "pda" и "wap" - есть пару тем - но там тоже ничего конкретного, пару ответов и рассуждений...
-
Намечается задание - сделать вап и пда версию сайта. Первый вопрос - а в чем, собственно, отличие вап версии от пда? O_o Второй - где можно прочитать о том, какие моменты нужно учитывать при верстке, какие отличия и т.д... Буду рад за любой ответ или ссылку. Спасибо.
-
Натолкните на "правильный запрос") В сети нашел - maphelper и mapedit - обе какие-то "недоделанные") На форуме так и не нашел...(
-
Возможно плохо искал - но на сайте не нашел. Интересует - кто-нить пользуется такими программами для создания этих самых карт, или нет? Необходимо сделать карту сложной области, а координаты вычислять руками не хочется (или это просто нереально =). Вот и интересно - какая прога наиболее подходящая и кто чем пользуется/пользовался... Спасибо...
-
А вот как отцентрировать это окно и растянуть бэкгроунд на всю высоту боди (mtp дополнительного дива) - я так и не знаю)
-
Вообще не просил, но все равно спс))) Я вот этот разбираю - http://www.dillerdesign.com/experiment/DD_belatedPNG/ - у тя такой же, вроде... Не люблю я их - но, по идее, придется все-таки пробовать...
-
Даж не знаю, что тебе ответить... Может в размерах дело? Я вырезаю 40х40 уголки и 1х40 полоску... И все норм)))
-
Кстати - у тя нету фикса для ie6 для правого блока (того, что в центре)... 1. Вырезаешь полоску 1х40 - кидаешь ее на новый слой - жмешь ctrl+t и тянешь влево (или вправо) до нужного размера. Все. Тогда полоска получается абсолютно ровной, без изъянов. Брать ее именно около границы уголка, который ты вырезал. 2. Я просто не до конца сам в это верю))) Хотя скорее все это так...
-
Короче, смотри что получилось: http://tarik.kasperovich.ru/test/index_01.html Правда костылей много для ie6, но как по другому - я не знаю... Я вот думаю, что было бы неплохо спрайтов понаделать, но с пнг24 не прокатит же да? P.S. А чем такой вариант лучше таблицы? На счет картинок - все просто: 1. Вырезаю один угол (левый верхний - 40х40 пикселей) - копирую на новый слой. 2. Вырезаю полоску с тенью (1х40 пикселей), которая находится рядом с границей вырезанного уголка - растягиваю ее по ширине (де-то писали, что если фон длинный - лучше мелкие не вырезать) - копирую на новый слой. 3. В итоге мы получили 2 слоя - один с углом - другой - с тенью. Теперь просто их поворачиваю на 90 градусов по 4-е раза и сохраняю в отдельные файлы. 4. Все.
-
Чуть позже покажу...
-
Слушай, вроде нормально) Чуть позже разберусь и отпишу... Возможно доведем до ума и получим универсальное решение...)))
-
ну давай) таблицами я уже сделал))) Все как надо, единственный минус - нужны ограниченные картинки (в моем случае, это 3000 пикселей, с запасом, так сказать)))) Дивами не получается отпозиционировать правую тень центра... (((
-
а без фикса? через простое прописывание альфа-канала в ie? Есть варианты?
-
Жду...
-
так? http://tarik.kasperovich.ru/test/img/index_01/popup.png
-
как пример http://tarik.kasperovich.ru/test/index_01.html там все ok? кроме полупрозрачности. В принципе, картинки я могу не растягивать, а сделать с запасом. и правые отпозиционировать. Но как быть тогда с центром?
-
ща закачаю куда-нить...
-
Так мне главное логику понять... С кодом я разберусь... Возможно ли так сделать вообще... что бы все тянулось во все стороны и было полупрозрачным. IE 6 интересует...
-
Блин, хоть убей - не получается... Вот код: HTML <div class="popup-wrapper"> <div class="popup-header"> <div><div><!-- // --></div></div> </div> <div class="popup-center-sh-l"> <div class="popup-center-sh-r"> <div class="popup-center"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis nulla nec diam suscipit sagittis. Phasellus iaculis euismod orci, sit amet mollis risus scelerisque eget. Vestibulum volutpat sem nec sapien pharetra tristique. Vestibulum augue quam, semper eget fringilla et, commodo vitae eros. Duis tincidunt quam sit amet massa scelerisque elementum. Proin arcu ipsum, gravida pharetra blandit vulputate, tincidunt sit amet est. Vestibulum placerat lacinia ultricies. Mauris non diam magna, a congue nisl. Pellentesque sit amet augue sem, in vulputate felis. Nulla blandit dignissim bibendum. Cras semper sodales velit, ac consequat urna ornare id. Praesent diam massa, sagittis at posuere id, malesuada in arcu. In hendrerit faucibus tempus. Vestibulum ut turpis nisl. Morbi ac mi tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam erat volutpat.</p> <p>Sed faucibus interdum convallis. Praesent feugiat dui ac metus hendrerit vitae interdum libero feugiat. Nullam eleifend luctus lectus eget viverra. Donec tincidunt purus ut nibh pellentesque ut imperdiet ipsum tempor. Nam at nibh mauris. Sed in lectus nibh, eu rhoncus purus. Praesent imperdiet iaculis lorem ut facilisis. Vivamus eget massa vitae mi imperdiet imperdiet et a ligula. Nullam bibendum cursus odio et venenatis. Nam egestas, velit quis semper suscipit, ipsum odio mollis justo, sit amet interdum sem sapien vitae diam. Aenean in quam eget dui tempus molestie.</p> <p>Suspendisse euismod risus imperdiet mauris viverra dignissim. Maecenas vel augue eu odio vulputate consequat et sed est. Vestibulum bibendum hendrerit magna sit amet dapibus. Proin varius porttitor lobortis. Vestibulum eget ligula libero. Aliquam molestie gravida metus. Suspendisse molestie tempor mauris, in varius purus bibendum id. Fusce nec lacus ac nunc mattis sodales. Suspendisse potenti. Curabitur aliquet ultricies lorem, nec vestibulum est porta convallis. Vestibulum justo felis, sodales et condimentum sed, laoreet sed justo. Donec ac vestibulum turpis. Morbi molestie sem id felis dapibus volutpat. Mauris malesuada, elit at euismod facilisis, diam sapien lacinia quam, quis accumsan mauris diam a nisl. Aenean ut justo eu sapien luctus sagittis.</p> </div> </div> </div> <div class="popup-footer"> <div><div><!-- // --></div></div> </div> </div> CSS .popup-wrapper { min-width: 500px; margin: 50px 100px; } /* — !!! — */ .popup-header, .popup-footer { height: 40px; } .popup-header div, .popup-footer div { height: 100%; } /* — !!! — */ .popup-header, .popup-header div, .popup-footer, .popup-footer div { background: url(img/index_01/popup_corners.png) no-repeat; } .popup-header { background-position: left 0px; } .popup-header div { background-position: right -40px; } .popup-footer { background-position: left -80px; } .popup-footer div { background-position: right -120px; } /* — !!! — */ .popup-header div div, .popup-footer div div, .popup-center { margin: 0px 40px; } .popup-header div div { background: url(img/index_01/popup_sh_t.png); } .popup-footer div div { background: url(img/index_01/popup_sh_b.png); } /* — !!! — */ .popup-center-sh-l { background: url(img/index_01/popup_sh_l.png) repeat-y; } .popup-center-sh-r { background: url(img/index_01/popup_sh_r.png) repeat-y right; } /* — !!! — */ .popup-center { background: #fff; overflow: hidden; _zoom: 1; } Все тянется во все стороны, все классно, но проблемы с картинками. Я не могу сделать также с png24 для ie6. Нельзя отпозиционировать - вот в этом вся сложность. Может я чего-то упускаю, но как сделать правый фон на все длину контента? уголки я могу отпозиционировать, к примеру - а как быть с центром? Натолкните на мысль... (заранее вырезал прозрачную пнг-шку на 2000 пикселей... - хочу через альфаканал) P.S. Или тут только таблицы? O_o
-
Все понял, прочитал, разобрался... Всем спасибо! =)