Микель

npofoprСпасибо, помогло! Просто мало работал с Google Fonts и сбило с толку, что в нек браузерах кириллица подхватывается

Пожалуйста, подскажите: Решил использовать в шаблоне шрифт Roboto, подключил код от Google <link href="//fonts.googleapis.com/css?family=Roboto:100italic,100,300italic,300,400italic,400,500italic,500,700italic,700,900italic,900" rel="stylesheet" type="text/css">Шрифт необходимо применить к кириллическому тексту. Столкнулся со странным багом: во всех WebKit браузерах (Chrome, Opera, Яндекс.Браузер и т д) шрифт применяется нормально, как к кириллице, так и к латинице. А вот в IE и Firefox только к латинице, а кириллицу игнорит. Чтобы с этим такое сделать?

Пожалуйста, подскажите: Есть трехколоночная верстка, в каждой колонке флэш баннер примерно такого вида. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macr...sh.cab#version=" width="250" height="250"> <param name="movie" value="" /> <param name="quality" value="high" /> <param name="flashvars" value="link1=http%3A%2F%2Fpxl.leads.su%2Faff_c%3Foffer_id%3D64%26aff_id%3D9616%26file_id%3D3266&clickTag=http%3A%2F%2Fpxl.leads.su%2Faff_c%3Foffer_id%3D64%26aff_id%3D9616%26file_id%3D3266&clickTAG=http%3A%2F%2Fpxl.leads.su%2Faff_c%3Foffer_id%3D64%26aff_id%3D9616%26file_id%3D3266" /> <embed src="" quality="high" pluginspage="http://www.macromedi.../getflashplayer" type="application/x-shockwave-flash" width="250" height="250" flashvars="link1=http%3A%2F%2Fpxl.leads.su%2Faff_c%3Foffer_id%3D64%26aff_id%3D9616%26file_id%3D3266&clickTag=http%3A%2F%2Fpxl.leads.su%2Faff_c%3Foffer_id%3D64%26aff_id%3D9616%26file_id%3D3266&clickTAG=http%3A%2F%2Fpxl.leads.su%2Faff_c%3Foffer_id%3D64%26aff_id%3D9616%26file_id%3D3266"></embed></object><img src="http://pxl.leads.su/...16&file_id=3266" width="1" height="1" /> И вот в Chrome почему-то при загрузке всегда отображаются 2 баннера из 3, причем случайным образом: иногда пропадает баннер в центре, иногда слева, иногда справа, в остальных браузерах все норм.

Всем спасибо за ответы. Воспользовался способом, который предложил Great Rash, все работает, в т.ч. и под ИЕ 7+, с 6 заморачиваться не буду.

Понимаю, тема уже до дыр заезженная, и гугл результатов по ней выдает порядком. Но что-то все рецепты либо не работают, либо работают не кроссбраузеро, либо рецепт немного в другом ключе, чем мне надо. Нужен див, с абсолютным позиционированием на 100% ширины и высоты экрана. Область дива должна распространяться и за пределы видимости экрана если контента очень много. Нужен для того, чтобы показывать gif'ку лоадинга, пока страница думает + так же блокировать все элементы управления на странице. Вот понадергал из разных рецептов. * { border:0; font-family: Tahoma, Arial, Verdana; font-size:12px; margin:0; outline:none; padding:0; } html, body { background:#FFFFFF; margin:0; padding:0; height:100%; min-height: 100%; } * html body { height: 100%; min-height: 100%;} <div style="background:yellow;width:100%;height:100%;_height: 100%;position:absolute;display:block;text-align:center;" id="loader"> <h1 style="font-size:30px;margin:100px 0 0 0;">Идет загрузка страницы</h1> <img src="img/loading.gif" /> </div>

Подскажите, плз, необходимо всему сайту сделать бордер 2 пикселя, сделал padding:2px для body и залил внутренний див другим цветом, везде норм, только в Safari и Chrome появляется горизонтальный скроллинг, есть ли более кроссбраузерное решение?

Сколько ни гуглил - все примеры про то, как прижать футер к низу страницы, но мне кроме этого необходимо 3 колонки, чтобы они доходили до футера, не оставляя снизу пустых пространств. Нашел пример, где так организовано с одной центральной колонкой. Варианты с заданием псевдоколонок при помощи широких левого и правого бордеров не подходят, т к у левой колонки к низу прибит фон. Спасибо за рецепты.

Подскажите плз. Есть флэш, вставленный в тело страницы, ширина указана в %, необходимо высоту менять пропорционально ширине в зависимости от сужения/расширения окна браузера. Если указать только ширину, в отличие от того же img высота автоматом не высчитывается, а почему-то всегда ставится 200px:( Пытался решить через js, но уж больно мигает...некрасиво.

А можно поподробнее..та же проблема, задал, к примеру ширину флэш ролика 70%, высоту не указал, а высота, по идее, высота меняться пропорционально ширине, а на деле она всегда 200px

А чем плохо абсолютное позиционирование? Надо просто чтобы содержимое позиционировалось относительно контейнера, а не относительно body (т.е., например, margin-top, а не top) 1) Как сделать чтобы слой с аватаром был не под слоем с ником. Чтобы было как на картинке. 2) Как сделать чтобы у ТЕКСТа сообщения был оступ от верха и от левого края. Если делать падинг то все слои будут с отступом. 3) Как сделать поле с кнопками, чтобы оно не мешало полю с аватаром, чтобы было не под ним, а от него Есть замечательное свойство z-index, позволяющее указать, какой слой под каким находится. Отступ у текста можно сделать заключив текст в ОТДЕЛЬНЫЙ див, а дальше играться со его свойствами padding и margin

Решил проблему так <div style="position:relative;padding:0;margin:0;text-align:center;"> <div style="position:relative;width:100%;height:200px;margin:0;padding:0;text-align:center;"> <img src="/bitrix/templates/bs_index/img/flash.jpg" width="70%" style="position:absolute;bottom:-68px;left:14%;margin:0;padding:0;" align="middle"> </div> </div>

Такая проблема... Есть див фиксированной высоты в самом верху страницы, в нем есть изображение, прижатое к низу дива, высота изображения не указана, ширина, к примеру, 60% экрана. При изменении разрешения экрана или просто ширины окна изображение, соответственно, тоже меняет свои пропорции. Необходимо, что если высота изображения начинает превышать высоту дива, то ВЕРХНЯЯ "лишняя" часть скрывается за верхней границей экрана. а не растягивает див по высоте. Уже мутил и с абсолютным позиционированием, и с iframe. Не хочет изображение прижиматься к низу дива. <div style="text-align:center;vertical-align:bottom;height:200px;"> <img src="/bitrix/templates/bs_index/img/flash.bmp" width="60%"/> </div> ..... Всякий контент

Вот разбираюсь с ajax в jquery. Хочется произвести ajax-запрос, а результат его выполнения запихнуть в переменную и дальше с ней манипулировать. Но все примеры, которые мне удалось нагуглить, позволяют работать с ответом ajax либо в callback функции, либо cразу загрузить ответ в какой-нибудь html элемент. Пытался сделать как в коде ниже, но t.responseText возращается пустым, а t.status = 1. Видимо, запрос еще не успевает завершиться, когда я пытаюсь прочесть его ответ. Заранее спасибо за помощь. get.php echo "Привет!"; js-код ........................... var t; t = $.post("get.php", { name: "John", time: "2pm" }, function(data) { return data; }, "text" ); alert(t.responseText); ................................

Добрый день. Возникла такая проблема: не удается уменьшить ширину Бегуна в Мозилле. Нужно уменьшить до 200px, а он уменьшается максимум до 214, пробовал по всякому, и через стили, и через js, ничего не выходит. В других браузерах все ок. Вид бегуна http://autocontext.begun.ru/autocontext2.js Версия Mozilla: Mozilla/5.0 (Windows; U; Windows NT 5.1; ru; rv:1.9.1) Gecko/20090624 Firefox/3.5 (.NET CLR 3.5.30729) Спасибо.

Спасибо,щас опробую

ZoNT Я так и писал вначале. Нее,я же говорю,в том то и сложность...Дело в том,что у меня и скрытые слои и видимые вначале могут имть пустое значение display. Если бы пустое значение соответствовало только скрытым или только видимым - проблем бы не было. Например меню: Раздел 1 Подраздел 1-1 Подраздел 1-2 Подраздел 1-3 Раздел 2 Подраздел 2-1 Подраздел 2-2 Подраздел 2-3 Если мы находимся в подразделе 2-2 Слой со ссылками на подраздлы раздела 2 виден (мы находимся в разделе 2), слой с со ссылками на подразделы раздела 1 скрыт. Но оба эти слоя имеют пустое значение display.

Подскажите плз Есть простенькая функция открытия-закрытия выпадающего меню function menu(id) { var obj_style = document.getElementById('point'+id).style; switch (obj_style.display) { case "none": obj_style.display = "block"; break; case "block": obj_style.display = "none"; break; } } Все бы хорошо, но некоторые участки меню,которые должны появляться и исчезать при клике, при созданиии страницы имеют пустое знаение display. Если бы пустое значение имели только видимые или наоборот,только невидимые слои, я бы прописал case "": или default: ...и т д А у меня часть слоев при переходе на страницу видима,часть нет (в зависимости от того,на какой странице находимся), но все display пустые,независимоот того,виден слой или нет. А так что-то не могу придумать как отслеживать. Изначальная невидимость задана через css div.hidden { display:none; } Спасибо.

Storm Спасибо

Но возникает вопрос с формой курсора при наведениии на ячейку таблицы. Если в ИЕ, это меняется ,то в других браузерах не очень

Вадим, спасибо. На самом деле проблема была в другом. Я копировал тексты из Фотошопа, ну и заодно,видимо, скопировал какие-то невидимые символы типа перевод строки,возврат каретки или что-то в этом роде. Другое объяснение найти сложно,потому что вряд ли какие-то стили могут влиять только на последнюю строчку текста.

Mordraug Ваш метод не помогает, да и по теории не должен. Проблема,как мне кажется, в теге li. Вот скрин

p.date_news { margin-top:12px; } span.date_news { margin:0px 0px 0px 30px; color:#0a2961; font-size:11px; font-weight:bold; } ul.list_general_news { margin:0px 20px 0px 20px; padding:0px; } ul.list_general_news li { background:url(/project_data/images/blue_quare.gif) left top no-repeat; padding:0px 0px 0px 11px; margin:0px; } ul.list_general_news li a{ font-size:11px; color:#231f20; text-decoration:none; margin:0px; padding:0px; } ul.list_general_news li a:hover{ font-size:11px; color:#231f20; text-decoration:underline; }

Подскажите, плз... В последней строке новости в каждом элементе списка слишком большой отступ от основного текста. (Mozilla, Netscape, частично ИЕ) <table> <tr> <td width="80%"> </td> <td><p class="date_news"><span class="date_news">20.03.2008</span> </p> <ul class="list_general_news"> <li><a href="/news/dlya_megaproproekta_sankt_peterburga_morskoj_fasad_kompaniya_gorodskoj_centr_ekspertiz_ekologiya_vypolnit_rabotu_po_ocenke_vozde/">Для мегапропроекта Санкт-Петербурга ?Морской фасад? компания ?Городской центр экспертиз ? Экология? выполнит работу по оценке воздействия ?намыва? территорий на окружающую среду </a></li> </ul> <p class="date_news"><span class="date_news">13.03.2008</span> </p> <ul class="list_general_news"> <li><a href="/news/vice_prezident_gruppy_kompanij_gorodskoj_centr_ekspertiz_andrej_kamenskij_kommentiruet_sdelku_po_pokupke_neftyanyh_mestorozhdeni/">Вице-президент группы компаний «Городской центр экспертиз» Андрей Каменский комментирует сделку по покупке нефтяных месторождений питерской компанией «Векон» для газеты «РБК daily» </a></li> </ul> <p class="date_news"><span class="date_news">11.03.2008</span> </p> <ul class="list_general_news"> <li><a href="/news/do_konca_2008_goda_kompaniya_gorodskoj_centr_ekspertiz_sever_provedet_tehnicheskuyu_diagnostiku_bolee_300_edinic_transporta_i_te/">До конца 2008 года компания ?Городской центр экспертиз - Север? проведет техническую диагностику более 300 единиц транспорта и технических устройств различного назначения ОАО ?Карельский окатыш? </a></li> </ul></td> </tr> </table>

WingedFox Спасибо за совет. Поищу. То есть проблема исключительно в CSS, а сверстаны ли дивы заранее или сгенерены JS значения не имеет?

Подскажите ,плз. Я вывожу скриптом из базы уменьшенные копии картинок, каждая из которых заключена в див ( код Smarty) {section name=banner loop=$ar_banner} <div style="float:left;margin-right:22px;height:190px;border:0px solid red;z-index:1;" id="ban{$ar_banner[banner].id}" onmouseover="showbig('show','{$ar_banner[banner].image}',{$ar_banner[banner].width},{$ar_banner[banner].height},{$ar_banner[banner].id})" id="ban{$ar_banner[banner].id}" onmouseout="showbig('hide','{$ar_banner[banner].image}',{$ar_banner[banner].width},{$ar_banner[banner].height},{$ar_banner[banner].id})"> html_image file="/images/banners/mini_`$ar_banner[banner].image`"} </div> {/section} При наведении на миниатюру у слоя,в который заключена картинка,при помощи JS создается дочерний слой, к котором уже находится оригинальное изображение (ну а при onmouseout,соответственно,всплывающий слой уничтожается) // Создаем дочерний слой newNode = document.createElement("div"); newNode.style.width = width; newNode.style.height = height; newNode.id = "new_image"+id_image; newNode.className = "new_image"; newImage = document.createElement("img"); newImage.src = "/images/banners/"+imgname; newNode.appendChild(newImage); current.appendChild(newNode); document.getElementById("new_image"+id_image).style.zIndex = 500; Все бы хорошо, но вновь созданный слой почему-то находится ниже все прочих,кроме родительского. При том,что я уже и z-index через JS задал астрономический,а у всех прочих слоев 1. Все равно косячно. Заранее спасибо.