Great Rash
-
Posts
7,974 -
Joined
-
Last visited
-
Days Won
144
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Great Rash
-
Я раньше тоже на все эти скриптовые решения заморачивался. Но если раскинуть мозгами, то 99% можно сделать просто фильтром, который даже не сильно тормозить браузер будет.
-
position: relative; и top/left куда надо потомку overflow: hidden; родителю
-
Щито? У меня страница на jino-net.ru - все отлично работает, бесплатно (PHP, MySQL), висит один баннер типа как на народе (popup).
-
Дивы в принципе не приспособлены для 100% высоты и одинаковых колонок. Это надо понимать. Переносить идеологию табличной верстки на блочную глупо. Так что верстайте таблицами и не парьтесь. Как говорится, ничего не стыдно, что юзеру видно.
-
Есть мнение что проблема где-то тут - Quality:bicubic. У меня нет CS5, а стоит CS3 - там нет такого пункта. Это какой-то новый алгоритм сжатия? Попробуйте поиграться с настройками этого параметра.
-
Вот решение без отрицательного маргина.
-
Если вам нужно поставить код контента выше кода колонок, то подойдет вот такой макет. Если отказываться от таблиц не хотите, то воспользуйтесь яваскриптом.
-
В каком редакторе сохраняете картинку? Какие настройки при сохранении выставляете?
-
Вертикальное центрирование блочных эелементов
Great Rash replied to alexshvarts's question in HTML Coding
mishka2, экспрешны тупят сильно. На большом сайте от них лучше отказываться где возможно. Ну и опять же (хоть это и не аргумент нифига) при отключенных скриптах все перестанет работать -
...который проигрывается ровно 1 раз, а при повторном наведении получается тупо спрайт. Короче там через одно место сделано.
-
Ну хз. Странное задание. Реализовать fixed который будет отвечать этим требованиям, да еще и будет работать в ИЕ6 невозможно. Возможно тот кто писал это задание этого не знает.
-
Бек не тянется если крутануть страницу. Решение неверное.
-
Значит или вы фигово объяснили или те кто давал задание фигово объяснили что нужно. Судя из того описания, что вы предоставили, без скрипта не обойтись. P.S. Да кстати, position: fixed; не будет работать в ИЕ6 (уж не знаю критично ли это для вашего задания...)
-
Ничего у вас не выйдет без скриптов.
-
Это обычные css спрайты. «css спрайты» в Google.
-
Ну а я разве не так написал?
-
Так я и предложил сделать, а нужно еще, чтоб были бордеры как на скрине. Влад пишет, что добавлять доп. блоки некошерно, вот и интересно как без доп. блоков обойтись...
-
Есть пункт "Другой"
-
Есть варианты? Я например вот так с ходу не могу придумать...
-
Внутрь блоков запихните еще по блоку и ему уже задавайте бордер
-
Страница не открывается (точнее я загрузки не дождался - ждал секунд 20).
-
Вертикальное центрирование блочных эелементов
Great Rash replied to alexshvarts's question in HTML Coding
Ну вы че-то намудрили... Не надо приведенную мной верстку буквально воспринимать, надо чуток мозгами пораскинуть... <!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% 'Trebuchet MS', Arial, Tahoma, Verdana, sans-serif; } ul { width: 70%; margin: 0 auto; text-align: center; list-style: none; line-height: 0; letter-spacing: -0.3em; } ul li { display: -moz-inline-stack; display: inline-block; //display: inline; //zoom: 1; overflow: hidden; line-height: normal; letter-spacing: normal; white-space: nowrap; vertical-align: top; width: 200px; height: 200px; margin: 5px; background: url('http://www.adamdorman.com/_images/gradient.jpg') 0 0 no-repeat; } ul span { display: inline-block; vertical-align: middle; } ul .helper { width: 0; height: 100%; } </style> <script type="text/javascript"> </script> </head> <body> <ul> <li> <span> <img src="http://honw.ru/heroes/picks/Keeper%20of%20the%20Forest.jpg" alt="" /> </span> <span class="helper"></span> </li> <li> <span> <img src="http://honw.ru/heroes/picks/Keeper%20of%20the%20Forest.jpg" width="128" height="50" alt="" /> </span> <span class="helper"></span> </li> <li> <span> <img src="http://honw.ru/heroes/picks/Keeper%20of%20the%20Forest.jpg" width="128" height="70" alt="" /> </span> <span class="helper"></span> </li> <li> <span> <img src="http://honw.ru/heroes/picks/Keeper%20of%20the%20Forest.jpg" width="128" height="90" alt="" /> </span> <span class="helper"></span> </li> <li> <span> <img src="http://honw.ru/heroes/picks/Keeper%20of%20the%20Forest.jpg" width="128" height="110" alt="" /> </span> <span class="helper"></span> </li> <li> <span> <img src="http://honw.ru/heroes/picks/Keeper%20of%20the%20Forest.jpg" width="128" height="90" alt="" /> </span> <span class="helper"></span> </li> </ul> </body> </html> -
Awilum просто набивает кол-во постов. Ёлки-моталки, вы на даты не смотрите вообще чтоль? Где ты psywalker? Разберись что по чем и накажи кого попало!
-
Что меньше весит и не теряет качества при этом в том и сохранять. Я активно использую все форматы (png24, gif, jpg).
-
Оно? <!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% 'Trebuchet MS', Arial, Tahoma, Verdana, sans-serif; } .wrapper { overflow: hidden; //zoom: 1; /* IE6,7 fix */ } .left { float: left; width: 290px; padding: 5px; border-right: #f00 1px solid; } .right { margin-left: 300px; padding: 5px; border-left: #f00 1px solid; } </style> <script type="text/javascript"> </script> </head> <body> <div class="wrapper"> <div class="left"> left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left </div> <div class="right"> right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right </div> </div> </body> </html>