Great Rash
-
Posts
7,974 -
Joined
-
Last visited
-
Days Won
144
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Great Rash
-
Блин, ну вы че товарищи... страница же перезагружается! Скрипт будет каждый раз отрабатывать заново. slavok47, поймите, что это не решается клиентским скриптом. Точнее тут нужна связка - яваскрипт + серверный скрипт.
-
Ваша позиция в корне неверна. Надо было объяснить заказчику, что он не прав. Спорить на эту тему продолжать не буду ибо уже не раз спорили. И потом, это ваш геморрой, а не мой.
-
Дык это ж яваскрипт! Загружается новая страница, соответственно все и сбивается. А чего вы ожидали?
-
заказчик - идиот
-
А толку - ноль. Ибо тупые заказчеги все равно будут требовать поддержку ИЕ6, ибо это уже в головах.
-
Главный вопрос: зачем? Второй вопрос: вы знаете, что такое "двухколоночный макет с колонками одинаковой высоты" и как его реализовать на дивах? Если да, то чем не подходит это решение? Если нет, то почему бы не почитать об этом?
-
http://blue-anvil.com/jquerycurvycorners/test.html - люди настолько ленивы, что даже погуглить им влом. Но это и к лучшему, тем ценнее трудяги как я
-
На сайте самизнаетекого давно все придумали: вот стандартное решение: http://www.artlebedev.ru/tools/technogrett.../fixed_in_msie/ а вот решение которое мне нравится: http://www.artlebedev.ru/tools/technogrett.../emulate-fixed/
-
http://www.cssplay.co.uk/boxes/width.html
-
Обычный способ вставки невалиден с точки зрения HTML/XHTML. При вставке старым способом (object/embed), в некоторых случаях, для активации флэш-контента надо на нем сперва кликнуть. Обычный способ не может определить версию флэш-плагина.
-
Интересно как к этому SEOшники относятся. А то у них все не как у людей.
-
Мне тоже интересно, читают ли роботы alt и что лучше все-таки - прятать текст или тупо написать его в alt.
-
Построчно можно выводить если регекспом искать перевод каретки (\r\n). Побуквенно если строку (слово), explode'ом превратить в массив, а потом циклом вывести. Вроде ничего не напутал... я в PHP тока начинаю.
-
Представляю, так сказать, версию номер два: <!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" xml:lang="en" lang="en"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 11px Tahoma; } body { margin: 10px; } .absolute { position: absolute; } .relative { position: relative; } .bubble-cont { padding: 0 10px; } .bubble-tl, .bubble-tr, .bubble-bl, .bubble-br { position: absolute; z-index: 1; width: 20px; height: 20px; font-size: 0; background-image: url('img/round.png'); bacground-repeat: no-repeat; } .bubble-tl, .bubble-bl { left: 0; } .bubble-tr, .bubble-br { /* this is fix for IE6 */ margin-left: 100%; left: -20px; } .bubble-tr, .bubble-tl { top: 0; } .bubble-br, .bubble-bl { bottom: 0; } .bubble-text-cont { position: relative; z-index: 2; padding: 10px 0; background: #f8f1c5; border-top: #bb975d 1px solid; border-bottom: #bb975d 1px solid; } .bubble-text { margin: 0 -10px; padding: 0 10px; background: #f8f1c5; border-left: #bb975d 1px solid; border-right: #bb975d 1px solid; } </style> <!--[if IE 6]> <script type="text/javascript" src="http://www.dillerdesign.com/experiment/DD_belatedPNG/DD_belatedPNG_0.0.8a-min.js"></script> <script type="text/javascript"> DD_belatedPNG.fix('.png_bg'); </script> <style type="text/css"> .bubble-bl, .bubble-br { bottom: expression(parentNode.offsetHeight % 2 ? "-1px" : "0"); } </style> <![endif]--> </head> <body> <div class="bubble-cont absolute" style="top: 50px;"> <div class="bubble-tl png_bg"></div> <div class="bubble-tr png_bg"></div> <div class="bubble-bl png_bg"></div> <div class="bubble-br png_bg"></div> <div class="bubble-text-cont"> <div class="bubble-text"> Привет! </div> </div> </div> <div class="bubble-cont relative"> <div class="bubble-tl png_bg"></div> <div class="bubble-tr png_bg"></div> <div class="bubble-bl png_bg"></div> <div class="bubble-br png_bg"></div> <div class="bubble-text-cont"> <div class="bubble-text"> Привет! </div> </div> </div> </body> </html> Это уже готовый к использованию пример. Все баги ИЕ6 пофиксены (я имею в виду смещение на один пиксель абсолютно позиционированного блока при нечетном значении ширины). Жаль, что без экспрешна для bottom обойтись не удалось, если кто знает решение отпишитесь пожалуйста. За фикс бага с позиционированием справа (right: 0;) спасибо Сергею Чикуренку и сайту самизнаетекого. Картинка для примера в первом посте.
-
Вот это правильно. За это вам почет и уважение!
-
Если не трудно ткните пальцем. Ибо я так и не нашел ничего подобного там.
-
Что вы уже сделали? Покажите код. Если что-то не понятно, то подскажем, а если вам нужен готовый вариант, то вам прямая дорога в "коммерческие услуги".
-
Я вот только что сделал пример... как раз для такого случая подойдет http://forum.htmlbook.ru/index.php?showtopic=19211
-
Здравствуйте, товарищи по несчастью! Я имею в виду тех верстальщиков, которым каждый день приходится сталкиваться с закруглением углов у различных блоков. И за что его так дизайнеры любят... Хочу поделиться с вами еще одним способом закругления углов, который я совсем недавно придумал. Он использует всего одну картинку, не использует background-position (так что .png24 будет нормально отображаться с хаком в ИЕ6) и полностью резиновый. Плюсы: - одна картинка; - тянется по ширине и по высоте (по контенту); - сменить дизайн можно очень быстро. Минусы: - блок не может быть резиновым по высоте; - 7 контейнеров; - использует .png24 картинку, так что для ИЕ6 нужен хак; - код строго под конкретную задачу. Юзать или нет решайте сами. Сначала скачиваем картинку. Затем разбираемся в коде: <!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" xml:lang="en" lang="en"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 12px Arial; } body { margin: 10px; } .bubble-cont { overflow: hidden; position: relative; width: 50%; padding: 10px; } .bubble-tl, .bubble-tr, .bubble-bl, .bubble-br { position: absolute; z-index: 1; width: 20px; height: 20px; font-size: 0; background-image: url('img/round.png'); background-repeat: no-repeat; } .bubble-tl, .bubble-bl { left: 0; } .bubble-tr, .bubble-br { right: 0; margin-left: -20px; } .bubble-tr, .bubble-tl { top: 0; } .bubble-br, .bubble-bl { bottom: 0; } .bubble-text-cont { position: relative; z-index: 2; margin: -10px 0; padding: 10px 0; background: #82c9ee; border-top: #3d87aa 1px solid; border-bottom: #3d87aa 1px solid; } .bubble-text { margin: 0 -10px; padding: 0 10px; background: #82c9ee; border-left: #3d87aa 1px solid; border-right: #3d87aa 1px solid; } </style> </head> <body> <div class="bubble-cont"> <div class="bubble-tl"></div> <div class="bubble-tr"></div> <div class="bubble-bl"></div> <div class="bubble-br"></div> <div class="bubble-text-cont"> <div class="bubble-text"> text<br /> text </div> </div> </div> </body> </html> Работоспособность проверял в: - IE 6; - IE 7; - IE 8; - Mozilla Firefox 3.5.7; - Opera 10.10; - Google Chrome 3.0.195.38; - Safari 4.0.4; Критика приветствуется. Минусов конечно больше... но надеюсь, что хоть кому-то мое решение облегчит жизнь.
-
Нет, это немного не то. Если присмотреться, то у автора не просто картинка туда-сюда ездит, а наблюдается именно 3D эффект. Т.е. картинка и надписи изменяются когда подъезжают к краям банки. В этом то и состоит вся фишка.
-
Но почему же тогда флеш все ставят поголовно и без проблем?
-
Так что лучше использовать в скрипте? Конкретно $_GET и $_POST или $_REQUEST? По идее $_REQUEST гибче, ведь если мне вдруг понадобится сменить метод передачи данных скрипт останется рабочим.
-
vella, отредактируйте пожалуйста свое сообщение. Оформите код в соответствующие теги, а то читать неудобно. По теме: переносить руками что мешает? Переформулировать заголовки меню что мешает?
-
Вот меня удивляет, почему все влегкую качают flash- плагин, а qucktime-плагин всем скачать влом? Нет правда, почему так? Может у эппла страница загрузки не юзер-френдли сделана?
-
Правда там хитро бекграуд позищн высчитан. Это хорошо видно если фаербагом для всех параграфов бордер назначить. Видимо этот Роман Кортес кроме верстальщика еще и художник неплохой.