StormMan

Нашёл, вроде это т.н. font boosting виноват. Установил для всех возможных элементов max-height: 99999px. Посмотрим, что получится.

По ссылке вроде есть и em, и проценты.. У меня вёрстка на базе simplegrid, делал всегда на ней, впервые такие чудеса происходят...

Друзья, есть такая проблема. Когда загружаешь сайт (я тут укороченную версию сайта укажу, чтоб поисковики не хавали) http://goo.gl/hFhizU на смартфоне (проверял на Android в Chrome Browser) и прокручиваешь в вертикальной ориентации, то изменяется масштаб или размер шрифта. На определённом месте он увеличивается, а затем, где-то внизу, уменьшается обратно. Смотрится дико. Никак не могу найти причину. Может, кто-то сталкивался, имеет опыт? Подскажите, пожалуйста, куда копать, в чём может быть дело?

Друзья, спасибо за ответы В общем, мне подсказали один вариант на другом форуме. Вот он, это вариант: http://jsfiddle.net/StormMan/xKC3q/ Способ, о котором почему-то мне не пришло идеи.. )) Считаю проблему решённой, но, возможно, есть и другие способы?

Друзья, такая задачка. Есть высплывающее окно fancybox, в котором список ссылок аля галерея, при клике на каждую из них открывается новое всплывающее окно, в котором, в свою очередь, другая галерея, опять же при клике на каждую открывается новое всплывающее окно. FancyBox так устроен, что при открытии нового окна из родительского, родительское закрывается. Задача в том, чтобы при закрытии дочерних окон открывались обратно родительские. Сделать такое с парой окон, назовём её "родитель-потомок", довольно просто - используем для открытия родительского окна callback afterClose. Например: (код выдран из длинного листинга, поэтому кое-что там лишнее, не имеющее значения, самое главное я прокоментировал) $('.fancyboxinfo').each(function(index, item) { $(item).fancybox({ closeClick: true, beforeLoad: function() { window.last = this.element; // по этому имени будем его открывать после закрытия дочернего } });});$(".fancyboxphotos").each(function(index, item) { $(item).find('a.fancyboximg').fancybox({ closeBtn: true, closeClick: true, afterClose: function() { setTimeout(function() { jQuery(window.last).trigger('click') }, 300); // открываем родительское окно после закрытия } });});А теперь добавляем третье окно. Я добавил его в начало, пусть оно будет самым первым "родителем". То есть, сперва у нас открыто первое окно fancyboxmain. Кликаем в нём на ссылку, это окно закрывается и открывается fancyboxinfo. В нём также кликаем ссылку, оно закрывается и открывается окно fancyboxphotos. Затем мы закрываем fancyboxphotos, открывается опять fancyboxinfo. Данная цепочка работает (в примере ниже), однако после закрытия fancyboxinfo самое первое окно, конечно же, не открывается: $('.fancyboxmain').each(function(index, item) { $(item).fancybox({ closeClick: false });});$('.fancyboxinfo').each(function(index, item) { $(item).fancybox({ closeClick: true, beforeLoad: function() { window.last = this.element; } });});$(".fancyboxphotos").each(function(index, item) { $(item).find('a.fancyboximg').fancybox({ closeBtn: true, closeClick: true, afterClose: function() { setTimeout(function() { jQuery(window.last).trigger('click') }, 300); } });});Друзья, подскажите, что можно сделать, чтобы после закрытия fancyboxinfo открывалось fancyboxmain? Я пробовал добавить afterClose для fancyboxinfo, но получается проблема: при преходе от fancyboxinfo к fancyboxphotos первое закрывается, так устроен FancyBox, и соответственно срабатывает afterClose, перекидывающее нас к окну fancyboxinfo и не дающее открыться окну fancyboxphotos. Получается замкнутый круг - в цепочку больше двух окон поставить не получается. Вод пример такого не работающего кода: $('.fancyboxmain').each(function(index, item) { $(item).fancybox({ closeClick: false beforeLoad: function() { window.first= this.element; } });});$('.fancyboxinfo').each(function(index, item) { $(item).fancybox({ closeClick: true, beforeLoad: function() { window.last = this.element; } afterClose: function() { setTimeout(function() { jQuery(window.first).trigger('click') }, 300); } });});$(".fancyboxphotos").each(function(index, item) { $(item).find('a.fancyboximg').fancybox({ closeBtn : true, closeClick : true, afterClose: function() { setTimeout(function() { jQuery(window.last).trigger('click') }, 300); } });});Как всё-таки можно решить эту проблему? Чтобы начиная с первого окно и доходя до третьего, при закрытии мы снова возвращались к первому?

Switch74, огромное спасибо за помощь и интересные идеи! Поэксперементирую с обоими вариантами))

Да, сделал: http://jsfiddle.net/KyYXq/

Друзья, проблема такая. Есть две кнопки для листания карусели вперёд и назад (.prev и .next), мне нужно их разместить за блоком #page, в котором эта карусель находится. Дизайнерская задумка такая, что тень от #page падает на эти блоки, а тень, отбрасываемая блоками, частично скрывается за блоком #page. То есть #page находится над .prev и .next. Но почему-то не получается у меня поместить эти стрелки в нужное место, в результате они сами отбрасывают свою тень на #page. То есть они находятся над контейнером, в который помещены, а не под ним, как мне это нужно. Танцы с бубном вокруг z-index и position мне не помогли.. Подскажите, вообще задача реальная стоит? И если реальная, как добиться нужного результата? В коде ниже есть ещё блок header, его у меня получилось над #page поставить. А вот с .prev и .next фиаско.. Помогите, пожалуйста, советом. <!DOCTYPE html> <head> <meta charset="UTF-8"> <title>тест</title> <meta name="description" content="тест"> <style> body { background: #a1a1a1; margin:0;font-size:1em;line-height:1; } .wrapper { margin: 0 auto; padding: 0; width: 760px; position: relative; } header { position: fixed; top: 0; height: 30px; width: 100%; background: #54005c; box-shadow: 0 0 9px rgba(0,0,0,.32); overflow: hidden; z-index: 10; } #page { background-color: white; min-height: 800px; top: 30px; box-shadow: 0 0 9px rgba(0,0,0,.32); font-size: 14px; z-index: 3; } #panel { position: relative; top: 14px; background: #eee; height: 60px; } a.prev, a.next { position: absolute; background: #eee; z-index: 5; width: 40px; height: 60px; box-shadow: 0 0 7px rgba(0,0,0,.32); } a.prev { left: -40px; } a.next { right: -40px; } </style> </head> <body> <header> </header> <div id="page" class="wrapper"> <section id="panel"> <a class="prev" id="prev_btn1" href="#"><span>prev</span></a> <a class="next" id="next_btn1" href="#"><span>next</span></a> </section> </div> </body> p.s. Вёрстка только под современные браузеры.

daggi, воспользуйтесь переводчиком - вам дали ссылку на реально полезную статью. Ваша проблема в классе clear, а ещё точнее в свойстве overflow:hidden. Именно оно обрезает ваше меню. Вам нужно убрать его. А чтобы полностью очистить поток (собственно, hidden у вас для этого и указана), воспользуйтесь кодом из статьи, только класс cf вам нужно будет переименовать на ваш вариант - clear. Должно помочь.

Да, это дело вкуса. Я, наоборот, центрирую каждый блок. Это бывает удобно, когда надо сделать фоны на всю ширину, а контент с фикированной шириной по центру.

Не знаю, какое здесь можно сделать красивое решение.. Возможно, как-то через сложный js вычислить позицию начала каждой строки от края буквы А, но это пипец. С костылями проще. Например так: http://jsfiddle.net/StormMan/saqsc/3/

ему предлагали вот это: Если ширина подвала фиксированная, то этот способ не сработает. В этом отличие варианта bob_24 от того, что предложил топикстартеру я, когда мы делаем изображение фоном не подвала, а body. И, если честно, я знаю не так много причин, по которым способ может не подойти или тем более не сработать.

ммдаааа...... Catherine, спасибо Вам большое!

А есть вариант ещё проще. Можно поставить якорь куда-нибудь повыше, например в конец предыдущего абзаца - и все дела.

makcau, как вариант: body { background: url(path) center bottom no-repeat; } или, если у body уже есть фон, можно ещё поизвращаться: html { background: url(path) center bottom no-repeat; } где path - путь к картинке, которая у вас в футере. up: если я правильно понял то, что на картинке, то в вашем случае нужно тот фон, который в клеточку на всю страницу, переставить из body в html, a для body назначить фон подвала, как я указал выше.

Hoax, без ссылки на прорблему вам вряд ли кто-то сможет дать ответ.

Друзья, проблема такая. Есть две колонки, состоящие из блоков со свойством float:left внутри контейнера, перед закрывающим тегом которого стоит блок со свойством clear:both, чтобы контейнер растянулся на высоту колонок. Так вот проблема в том, что одна из колонок этот контейнер всё равно не растягивает, и залазит на элементы, находящиеся ниже (в моём случае на футер). Пример проблемы здесь: _http://berezkairk.ru/доставка/ - правая колонка вылазит за пределы контейнера wrapper несмотря ни на какие clear:both (смотреть лучше с шириной окна браузера не менее 1024, т.к. ещё не под все разрешения css написан). Я уже не первый год в вёртске, но в данном случае я уже просто не знаю, в чём может быть причина. Это магия какая-то.... Очень надеюсь, что здесь есть асы, кто сможет указать на мою ошибку. Ибо уже много часов и не первый день я безрезультатно шаманю над этой проблемой..

Друзья, столкнулся я с неожиданной и любопытной задачкой. В PHP я уже не первый день, но с такими вещами дела ещё не имел. Есть у меня скрипт, который получает данные из формы методом POST. Делает с этими данными разные операции, и в конце - внимание, вопрос - передаёт обработанные данные другому скрипту, который получает значения методом GET. Не было бы печали, но к сожалению форма, передающая данные методом POST моему скрипту, и скрипт, который будет получать данные от меня, находятся на другом сайте, к управлению которым у меня нет доступа. Поэтому приходится изворачиваться. То есть мне из своего скрипта на своём сайте нужно передать переменные на обработку скрипту на другом сайте htps://чужой_сайт.ру/script.php?$чужая_переменная=$моя_переменная Возможно ли отправить этот запрос в фоне, то есть не перенаправляя пользователя на чужой_сайт.ру? И как вообще отправить get не из формы, а прямо в самом скрипте?

Пипец, memcashe глючит... То работает, то нет....

Всем огромное спасибо за ответы! Проверил сайт хостера, сейчас вроде аптайм у них в норме. Поставил PHP-FastCGI, Memcashe, eAccelrator. Зацените скорость, пожалуйста. У меня вродь нормально грузится, а хост-трекер печальные вещи говорит. У вас как?

Большое спасибо за отвекты. Vlad, у меня при первом заходе всё работает замечательно. Проблема появляется в Файрфоксе после нескольких минут работы, пользователи говорят, что и в Опере такое же (в одной версии на каждой странице залогиневшегося юзера выкидывает, в другой страницы виснут и загружаются крайне долго). В ФФ, когда одновременно во вкладках открывается несколько страниц, появляется проблема. Также при выполнении java-скрипта всплывающих окон, например, при отправке личного сообщения (особенно долго, если открываются на нескольких вкладках браузера). Чтобы не регистрироваться, вот тестовый аккаунт: e-mail: test@musikanti.ru пароль: 123456789 У меня сейчас даже просто главная страница загружается уже несколько минут.... LunatiK, да, я обращал внимание, но не выключал. Попробую. Спасибо за совет! Veseloff, о проблемах макхоста конечно же слышал, но сейчас у них вроде всё устаканилось, два месяца вполне стабильной работы. С тех пор, как на серче обсуждения макхоста закрыли, проблем не было. У меня VDS, сервер загружен в самые пиковые моменты максимум на треть (процессор и оперативка), выше не поднималось, а в среднем загрузка 3-5%. Возможно, действительно придётся поработать над запросами, но вообще раньше такого не было... Сайт на php, скрипт покупной, американцами разработанный. Кэширование есть, как данных, так и шаблонов(на сайте шаблонизатор Smarty), но моей квалификации как программиста маловато, чтобы это дело проверить и оптимизировть. Также есть кэширование на сервере. Установлен nginx(без него сервер вылетает моментально). Вот за совет с memcashed отдельное спасибо, у движка сайта есть его поддержка, но проблема с настройками, буду разбираться. Сейчас включено некое файло-базированное кэширование. Я так понимаю, что этот кэш хранится на жёстком диске сервера, но memcashed наверняка быстрее, это же с оперативкой связано, а там скорость намного выше должна быть? Почему-то включение memcashed недоступно, скрипт ругается такими словами: The Memcache extension was not detected or we were unable to connect to the memcached server. Попробую пока Яндекс.Метрику вырубить, хотя жаль))) Она такие оптимистичные прогнозы посещаемости даёт! Жуть... В чём же может быть дело?? Использование канала в статистике сервера - 1.95%

Сайт http://musikanti.ru При загрузке страниц жёстко тормозит, страницы грузятся по много минут (до получаса!!!!!). Сервер почти не загружен. В чём может быть дело, как ускорить загрузку страниц сайта? За дельные советы отблагодарю матерьяльно)) p.s. дизайн и прочее, не относящееся к вопросу, критиковать не надо, сайт в разработке. p.p.s. если тема не в том разделе, просьба к модераторам перенести в нужный.

Решил пока проблему установкой фона не для элемента списка, а для всего списка (с добавлением z-index): <ul id="mainMenu"> <li>Api <ul class="submenu"> <div class="background"></div> <!-- Абсолютно позиционированный блок с фоном, растягивается на размер всего списка --> <li><a href="#OpenGl">OpenGl</a> <li><a href="#wxWdigets">wxWidejts</a> <li><a href="#SamrtWin">SamrtWin</a> </ul> <li>Web <ul class="submenu"> <div class="background"></div> <li><a href="#HTML">HTML</a> <li><a href="#JavaScript">JavaScript</a> </ul> </ul> И всё же интересно, возможно ли реализовать то же самое, устанавливая фон для каждого элемента в отдельности? Это может пригодиться например для изменения цвета и прозрачности фона при наведении курсора на элемент меню. Вопрос для асов, мне вот не под силу оказался.

Спасибо, но там случай попроще. Если делать простую ссылку с прозрачным фоном, то прекрасно работает такой вариант (набросал прям сейчас навскидку): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <!-- текст заголовка и меню нашего HTML документа --> <html> <head> <title></title> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> <style type="text/css"> * { margin: 0; padding: 0 } /* Контейнер для ссылки с прозрачным фоном, в нём нет необходимости, но для большей похожести на мой случай */ container { width: 300px; height: 25px; text-align: left; position: relative; background: #99ffff; } /* Блок с фоном */ .background { position: absolute; top: 0; left: 0; width: 50px; height: 25px; filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; background: black; } /* Ссылка */ .link { position: relative; font: 13px arial,sans-serif; color: red; } </style> </head> <body> <div class="container"> <!-- Блок с фоном --> <div class="background"></div> <!-- Ссылка --> <a class="link">Ссылка</a> </div> </body> Но когда у нас используется сложное позиционирование, как в примере с выпадающим списком, этот способ почему-то перестаёт работать...

Приветствую, друзья! Есть в просторах инета такое выпадающее меню на CSS: html-код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <!-- текст заголовка и меню нашего HTML документа --> <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta name="author" content="DarkRaha (Verma Rahul)"> <!-- стили для нашего меню --> <link rel="stylesheet" type="text/css" href="menudemo.css"> <!-- только для поддержки IE6 --> <script type="text/javascript" src="menuevent.js"></script> </head> <body onload="correctMenuIE6();"> <!-- onload только для поддержки IE6 --> <!-- определение меню, для этого были использованы списки --> <ul id="mainMenu"> <li>Api <ul class="submenu"> <li><a href="#OpenGl">OpenGl</a> <li><a href="#wxWdigets">wxWidejts</a> <li><a href="#SamrtWin">SamrtWin</a> </ul> <li>Web <ul class="submenu"> <li><a href="#HTML">HTML</a> <li><a href="#JavaScript">JavaScript</a> </ul> </ul> <br> ... css-код: /* описание главного меню */ #mainMenu { list-style:none; /* отключаем маркеры */ background: #DEB887; /* фон меню */ } /*общее описание всех элементов меню */ #mainMenu li{ background: #DEB887; /*чтобы элементы главного меню отображались в ряд */ display: inline; float: left; width: 100px; margin: 0; text-align: center; } /*описание выпадающих меню */ .submenu { /*по умолчанию все выпадающие меню скрыты и позиционируются абсолютно */ display: none; position:absolute; background: #DEB887; /* следующие определения необходимы только для IE (6 и 7) */ margin: 0; /* убираем отступы*/ left:0; /* иначе выпадающий список будет сдвинут в сторону, относительно родительского элемента*/ top: 100%; /* чтобы выпадающий список отображался под родительским, иначе родительский будет закрыт первым элементом*/ } /* при наведении на элемент меню мы будем отображать соответствующее ему выпадающее меню*/ #mainMenu li.hover .submenu, /*для IE6*/ #mainMenu li:hover .submenu { display: block; list-style:none; padding: 0; } /* при наведении на любой элемент меню, и в главном меню и выпадающих меню, делаем подсветку и определяем позиционирование в относительные координаты */ #mainMenu li.hover, /*для IE6*/ #mainMenu li:hover { position: relative; background: #FFE4B5 } /* настройка ссылок входящих в меню*/ #mainMenu a, #mainMenu a:link, #mainMenu a:visited { text-decoration:none; color: #000080; } источник: http://www.darkraha.com/rus/css/css11.php Я хочу сделать прозрачный фон у элементов выпадающего меню. Без использования картинок, даже 1х1, исключительно с помощью прозрачности css. Логику понимаю так: раз мне нужно сделать прозрачным только фон, а текст оставить непрозрачным, то элемент с текстом и элемент с фоном не должны совпадать. Схематично: <li class="элемент_меню"><div class="фон"></div><a class="текст"></a></li> но не <li class="элемент_меню"><div class="фон"><a class="текст"></a></div></li> Правильно? Тогда в html'е элемент списка выпадающего меню дополняю таким образом: <li><div class="background"></div><a href="#OpenGl">OpenGl</a> То же самое и с остальными: после тега <li> добавляю блок с фоном <div class="background"></div>. В css прописываю свойства: .submenu .background { position: relative; top: 0; left: 0; width: 100%; height: 100%; background: black; filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; } Получается, что элемент с фоном идёт НАД ссылкой. Мне нужно его сделать ЗА ссылкой, то есть фоном этой ссылки. Пробовал абсолютно позиционировать, т.е. вместо relative указывал absolute, но в этом случае нарушалось всё позиционирование выпадающего списка. Где у меня ошибка, как добиться правильного отображения выпадающего списка с прозрачным фоном? Подскажите, пожалуйста. Уже кучу вариантов перебрал, гугл с яндексом замучил - не помогло ничего. Осталась у меня надежда только на ваш опыт...