Great Rash
-
Posts
7,974 -
Joined
-
Last visited
-
Days Won
144
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Great Rash
-
Валидный код легче поддерживать. В валидном коде легче разобраться другому человеку. В валидном коде легче отловить ошибку. Все это экономит время, а значит деньги. Знаете, я на одной фирме видел что людям даже код отбивать пробелами запрещали, "используйте только табы" говорили они. И были правы. Когда над одним проектом работают 2 и более верстальщика это очень важно и стандартизироваться должно абсолютно все вплоть до редактора, в котором пишется код и способа отбивки кода. Это экономит приличные деньги. Именно поэтому я за валидный код, именно поэтому я за строгий (где это возможно) доктайп.
-
В таком случае тут помогут только скрипты.
-
<input type="file" />
-
У вас контейнер не может быть меньше или больше окна браузера, т.к. он у вас 100% в высоту, а значит нижнюю картинку можно сделать так же как прижимают подвал. По поводу того, что где-то что-то не так работает: я вам набросал макет, а уж допиливать его ваше дело, а не мое. Я же не буду за вас вашу работу делать - мне за нее на платят.
-
Быть того не может. Соберите тестовую страницу с парой картинок, подгружаемых аяксом и киньте ссылку.
-
<!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" lang="ru"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <style type="text/css"> * { margin: 0; padding: 0; } html { font-size: 100.1%; } body { font: 62.5%/1.5em Arial, Tahoma, Verdana, sans-serif; color: #000; background: #fff; } .wrapper { overflow: hidden; padding-bottom: 50px; } .main { position: relative; width: 980px; height: 500px; margin: 0 auto; padding: 10px; background: green; } .bg { position: absolute; width: 50px; height: 50px; background: red; } .bg1 { top: 0; left: -50px; } .bg2 { top: 0; right: -50px; } .bg3 { bottom: 0; left: -50px; } .bg4 { bottom: 0; right: -50px; } .bg5 { bottom: -50px; left: 50%; margin-left: -25px; } </style> </head> <body> <div class="wrapper"> <div class="main"> <div class="bg bg1"></div> <div class="bg bg2"></div> <div class="bg bg3"></div> <div class="bg bg4"></div> <div class="bg bg5"></div> <p> text text text </p> </div> </div> </body> </html>
-
Абсолютное и статическое позиционирование
Great Rash replied to otmoroz095's question in HTML Coding
Вы неправильно подходите к делу. 1) Для начала сотрите весь ваш код и начните с чистого листа. 2) Потом сохраните документ в нужной кодировке (если уж вы прописываете, что у вас UTF-8, то и сохраняйте документ в кодировке UTF-8, сейчас у вас документ сохранен в ANSI) 3) Создайте только не обходимые для основного каркаса блоки (хедер, футер, левую и правую колонки, центральную колонку и обертки (wrapper)) 4) Когда ваш каркас будет нормально выглядеть во всех браузерах приступайте к наполнению (меню, заголовки, внутренние блоки и текст и т.п.). Сейчас у вас мешанина из блоков, в которой вы тычетесь как слепой котенок. -
Очень напрягает строка $.getScript, вы уверены что нужно грузить скрипт с сервера раз уж он у вас и так подключен в <head>? Может проще после загрузки аяксом контента запускать функцию инициализации, а не грузить скрипт целиком? P.S. $('.cloud-zoom, .cloud-zoom-gallery').CloudZoom();
-
Как изменить порядок загрузки элементов страницы?
Great Rash replied to zaero's question in HTML Coding
А элементы с display: none; все равно грузятся при рендере? Если нет, то можно всем контейнерам, в которых стоят баннеры прописать display: none;, а при window.onload скрипт скажет этим контейнерам display: block; и баннеры начнут грузиться. -
Это мы то агрессивные? Мы что-то не по делу сказали разве? Как бы вы назвали этот код если не отстойным? Вот если бы Verder глянул на это УГ с точки зрения дизайна, то ТС тогда понял бы, что такое агрессия
-
А как у вас сейчас скрипт подключается?
-
Ну и для чего например ругаться на отсутствие хотя бы одной глобальной переменной? И это при том, что абсолютно все книжки учат нас, что глобальную область видимости трогать категорически запрещено, в особенности при разработке библиотек, во избежании конфликтов с другими библиотеками.
-
Надо прям кнопку уже делать в меню [родительскому элементу overflow: hidden;], тыкаешь на нее и ответ готов А если серьезно пора дополнять потихоньку ЧаВО UPD: Хотя там это есть.
-
Я ж так и написал - "надо будет заюзать", а тут как раз удобный случай
-
А че, сразу видно как оно работает. Сразу видно и html и css. Опять же если скрипт, то его можно сразу в динамике показать.
-
http://jsfiddle.net/EBeGn/
-
Поставьте скрипт в начале.
-
Интелы вроде греются поменьше, так что порекомендую их. Для ноута это все-таки критично. По фирме имхо совсем пофиг ибо запчасти один хрен у всех одинаковые. Видюху... хз какая там для маткадов нужна... наверное любая Оперативы побольше это да. Если проц будет многоядерный, то ставить лучше семерку, да и есть ли сейчас ноуты с предустановленной ХР?
-
Час-два это конечно совсем круто, но вот часиков по шесть-восемь на макет - вполне. Да и макеты в общем простенькие, тут даже думать особо не надо
-
Если хочется стилизовать input[type=file] могу предложить к прочтению вот эту статью.
-
<!--[if IE]> <script type="text/javascript"> document.body.innerHTML = 'Смените уже браузер на нормальный!'; </script> <![endif]--> Ставим в самом низу страницы, перед </body>.
-
В platformHTMLBindings.xml лежат события (events), так что копать нужно в другом направлении. В любом случае, что вам толку от того, что вы найдете в каком месте нужно поправить xml, чтобы стилизовать input[type=file]? Доступ извне (особенно из CSS или скрипта) к файловой системе клиента вы не получите, а даже если получите, то все эти xml лежат в архивированном виде (.jar). Но если хотите покопаться идите сюда: MozillaFirefox/chrome/ Увидите кучу jar-ников, они распаковываются при помощи обычного архиватора (WinRAR, 7Zip). Копайтесь на здоровье
-
Интересный сервис... надо будет заюзать
-
.sloi1 { position: relative; overflow: hidden; } .sloi2 { position: absolute; top: 0; bottom: 0; width: 100%; background: url(http://site.ru/fon.png) 100% 0 repeat-y; z-index: 1; } <div class="sloi1">Текст<div class="sloi2"></div></div>
-
select > input[type="button"] { width: 12px; height: 12px; white-space: nowrap; position: static !important; background-image: url("arrow.gif") !important; background-repeat: no-repeat !important; background-position: center !important; -moz-appearance: menulist-button; /* Make sure to size correctly if the combobox has a non-auto height. */ height: 100% ! important; -moz-box-sizing: border-box ! important; /* Make sure to align properly with the display frame. Note that we want the baseline of the combobox to match the baseline of the display frame, so the dropmarker is what gets the vertical-align. */ vertical-align: top !important; } Кругом стоит !important, а значить перебить этот селектор не получится никак, только если поправить руками forms.css, но тогда от такой стилизации никакого толку.