Great Rash
-
Posts
7974 -
Joined
-
Last visited
-
Days Won
144
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Great Rash
-
Вставить одной большой картинкой. Не?
-
Во-первых, что помешало создать отдельную тему? Во-вторых, что вы уже сделали для решения вашей проблемы?
-
http://htmlbook.ru/samhtml
-
Не работает анимация Background Position в IE7-8
Great Rash replied to SCHNITZER's question in JavaScript
У jQuery нет обратной совместимости? Печально... -
Не работает анимация Background Position в IE7-8
Great Rash replied to SCHNITZER's question in JavaScript
Внезапно появляюсь Я... psywalker конечно ОЧЕНЬ сильно приукрасил мои возможности. Вот тут я писал туториал на тему... может ознакомитесь? http://forum.htmlbook.ru/index.php?showtopic=20782 UPD: Ааа... все понял... невнимательно прочитал пост. Ошибка происходит в функции toArray function toArray(strg) { strg = strg.replace(/left|top/g, '0px'); strg = strg.replace(/right|bottom/g, '100%'); strg = strg.replace(/([0-9\.]+)(\s|\)|$)/g, "$1px$2"); var res = strg.match(/(-?[0-9\.]+)(px|\%|em|pt)\s(-?[0-9\.]+)(px|\%|em|pt)/); return [parseFloat(res[1], 10), res[2], parseFloat(res[3], 10), res[4]]; } strg в ИЕ undefined -
Не понимаю я радости от выхода ИЕ9... Типа ИЕ7(8) разом пропадут у всех?
-
Правильное выравнивание больших бекграундов
Great Rash replied to Great Rash's topic in Tricks and solutions
Нормально ли будет определяться ширина окна если для <html> задать min-width. -
Фишка в том, что просто бордер "висит" ниже чем подчеркивание и не получится задавать смещение так, чтобы при изменении размера шрифта бордер был всегда вровень с подчеркиванием (по крайней мере у меня на вскидку не получилось). Поэтому я сделал картинку с высотой 1em (высота буквы), и бордер сделал у картинки. Но т.к. бордер "прилип" к картинке (картинка по умолчанию выравнивается по базовой линии текста), то он "висит" на 2 пикселя выше чем подчеркивание текста, поэтому нам надо сместить контейнер картинки на 2 пикселя вниз (position: relative; top: 2px;). Теперь при изменении шрифта "подчеркивание" будет всегда на своем месте. Вообще я не проверял этот способ на кроссбраузерность, так что в ИЕ(6) может работать по другому, т.к. там текст вообще подчеркивается иначе.
-
А как же ИЕ7(8)? Предлагаю вообще забить на пользователей ИЕ.
-
Правильное выравнивание больших бекграундов
Great Rash replied to Great Rash's topic in Tricks and solutions
О! Спасибо за еще одно решение! Со скриптом надо будет потестить как время будет (если не забуду). Не заметил такого поведения, надо посмотреть будет. -
Зачем inline-block? Задайте просто бордер спану, он же и так инлайн-элемент. UPD: Не, инлайн-блок все-таки нужен... <!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, body { height: 100%; } html { font-size: 100.1%; } body { font: 62.5%/1.5em Arial, Tahoma, Verdana, sans-serif; color: #000; background: #fff; } span { display: inline-block; position: relative; top: 2px; } span img { height: 1em; width: 10ex; border-bottom: 1px solid; } div { padding-bottom: 10px; } </style> <script type="text/javascript"> window.onload = function() { var b = document.getElementsByTagName('button')[0]; var div = document.getElementsByTagName('div')[0]; b.fSize = 10; b.onclick = function() { div.style.fontSize = this.fSize + 'px'; this.fSize++; } } </script> </head> <body> <div> text text <span><!-- Пустой однопиксельный gif --><img src="http://lists.w3.org/Archives/Public/wai-eo-editors/2005Aug/att-0003/Blank_Bkgrd.gif" alt="" /></span> <a href="#">text</a> text </div> <button>Увеличить шрифт</button> </body> </html>
-
Попробуйте качнуть другую галлерею. Тут как-то меняется высота большого изображения... ну или отступ... попробуйте поколдовать с CSS - задать жесткую высоту контейнеру в который грузится большая фотка.
-
А у меня в требованиях ИЕ6 пока есть.
-
У вас походу высота дива с затемнением изменяется. Из-за этого все и подпрыгивает.
-
Сайт нормально отображается только в Firefox...
Great Rash replied to 43CrazySpirits's question in HTML Coding
Я не имею желания качать себе ваш архив... UPD: И, судя по количеству постов, ни у кого этого желания нет. -
Каким бы крутым не был ИЕ9, но верстать под ИЕ6 еще придется долго...
-
По этому адресу картинки нет --> http://grand-stroy96.ru/img/main_12-main.png Для отступов внутри блока надо использовать padding, margin используется для отступов снаружи блока.
-
Сайт нормально отображается только в Firefox...
Great Rash replied to 43CrazySpirits's question in HTML Coding
Заведите себе хостинг (бесплатных сейчас полно) и поднимите на нем сайт. Тогда дело в разы быстрее пойдет уверяю вас! -
Это отличный вариант. Только не забывайте что ширина полосы прокрутки (~24px) тоже учитывается. Сейчас более-менее стандартным вариантом считается полурезина с 950px до 1200px.
-
Ужос... Вы привели код страницы куда подключили плагин. У любого плагина есть документация, которую неплохо бы прочитать прежде чем подключать его. Если вас не устроил плагин или вы не понимаете как он работает, то у вас один выход - скачать новый плагин. Какое обращение и куда вы хотите написать если у вас нет ни одной своей строчки кода в примере? Вы просто ленитесь подумать своей головой и поэтому начинаете тут ныть и разводить народ на "слабо", а когда у вас это не получается, то вы начинаете писать гневные посты, что форум де плохой и модераторам тут на все плевать. С момента создания темы прошло 4 дня, за это время можно написать свой скроллер. Проблема исключительно в вас. P.S. Вот оно дурное влияние jQuery...
-
Blu-ray резак берите! А то просто DVD уже не модно.
-
Вы предлагаете нам разбираться в коде плагина? Качните другой валидатор форм если вас этот не устраивает или напишите свой. Уж валидировать данные с форм труда особого не составляет.
-
Правильное выравнивание больших бекграундов
Great Rash replied to Great Rash's topic in Tricks and solutions
Да с минимальной шириной все работает как надо. Для случая где нужна минимальная ширина ваш вариант лучше подходит. Ну вот и мне в копилку знаний привалило Благодарю за еще один способ! -
Правильное выравнивание больших бекграундов
Great Rash replied to Great Rash's topic in Tricks and solutions
Нет, просто добавлением бекграунда для <html> проблема не решается. И дело не в том, что фон куда-то переносится. Дело в том, стоит фон на месте или смещается относительно необходимого нам элемента. -
Недавно столкнулся с одной очень интересной (и не очевидной) проблемой. Мне по работе надо было сверстать сайт где дизайнером был предусмотрен огромный (шириной 2000px) бекграунд. Идея дизайнера такова - мы кладем этот бек на <body> и выравниваем по середине (background-position: 50% 0;), при ресайзе окна бекграунд будет все время оставаться на месте (по центру). "Ничего сложного", подумал я и наткнулся на неожиданное поведение "нормальных" браузеров. Минимальная ширина сайта была 950px и пока окно не становилось меньше все было отлично. Но, как только я делал окно меньше 950 пикселей бекграунд начинал смещаться относительно моего wrapper'а (и правильно делал, ведь 50% от 500px не то же самое, что 50% от 950px). Чтобы проиллюстрировать проблему я замутил вот такую страничку (смотреть в ИЕ8, Хроме, Сафари, Мозилле или Опере), осторожно огромная картинка, пара-тройка мегабайт траффика: <!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, body { height: 100%; } html { font-size: 100.1%; } body { font: 62.5%/1.5em Arial, Tahoma, Verdana, sans-serif; color: #000; background: #fff url('http://www.futurama-madhouse.net/misc/FuturamaCast.png') 50% 0 no-repeat; } div { width: 950px; height: 100%; margin: 0 auto; border: red 1px solid; } div div { width: 100px; height: 100px; margin: 0 auto; background: red; } </style> </head> <body> <div> <div> </div> </div> </body> </html> Попробуйте уменьшить окно браузера и вы увидите, что как только ширина становится меньше ширины красного бокса бекграунд начинает смещаться относительно центра дива. Нам же нужно, чтобы бекграунд все время находился в центре красного дива (допустим на бекграунде у нас по центру солнце, а в хедере по центру логотип, и они должны всегда совпадать). Долго гуглил по всякому формулируя вопросы и на одном блоге нашел направление в котором надо копать. Пришлось его немного усовершенствовать... В общем решение оказалось очень простое, абсолютно без хаков, но совершенно неочевидное. Поэтому решил с вами поделиться. Надо всего-лишь добавить 2 строчки в наш CSS: html { display: table; width: 100%; font-size: 100.1%; } Работает оно везде (к слову в ИЕ6 работает изначально как задумывалось). Надеюсь кого-то это спасет от пары часов гугления и траты нервов. Вот такое необычное свойство у таблиц имеется...