VasyOK{!}

Спасибо. Жму руку.

Сохранить как картинку на прозрачном фоне. Это ж логотип. Он все равно ссылкой будет.

Странно у вас все как надо. А что вы посоветуете, чтобы смотреть в Сафари как у вас, но не ставить Хакинтош и не покупать Мак? А на старые Айфоны новое Сафари ставиться?

Кнопка не вмещается т.к. размер подключаемых шрифтов чучуть шире в разных браузерах. Но это поправимо. swandev, а вы масштаб уменьшили до 80% ? полос нет по бокам? Мне шлют скрины с айфонов и там тоже не как в нормальных браузерех на маленьких экранах. Собственно если в виндовом Сафари смотрю уменьшая размер окна - то и вижу, что их айфонах.

Приветствую специалистов по кросбраузерной верстке! Вот сайт http://durmitorsport.com/. [Основная] Проблема с фонами. В стилях прописано (мной): #header { background-image: url("../images/fons/1_main.jpg"); background-size: 100% auto; } @media only screen and (max-width:1366px){ #header { background-size: auto 100%; } } Проблема: в разрешении 1366px по горизонтали, если уменьшить масштаб в браузере, то должно отображаться, как будто разрешение больше оного. Вот в Safari это не работает. И как не масштабируй, @media only screen and (max-width:1366px) - все равно обрабатывается. Почему? Помогите разобраться. Скриншоты. Как во всех (Лиса, Хром, Едж): Как в Safari (те же разрешение и масштаб):

Ну допустим я бы присел. Но мне не нужно для этого делать шаг в сторону. С шириной меню у меня все нормально - ширина сжимается. Но само меню делает шаг вниз:

совершенно верно! А что нельзя сделать чтобы не сползало вниз при изменении ширины?

klierik, меню должно быть как на картинке. А у меня оно сползает. или вот так должно быть http://dev.youradman.com/ - но тут быдло-код. Тоже мой. А на проблемном сайте вот так: http://adaptivetest.u5154.ph.vps-private.net/ Я хочу сделать по нормальному без всяких Медиа кверри Он Скрин - но не получается.

Привет верстальщики! Короче такая трабла: Пытаюсь сделать кнопки как на картинке. При уменьшении размера окна меню сползает вниз. Верстка тут: http://adaptivetest....ps-private.net/ Как это исправить? Сейчас прописал так, но видно что-то не учел: #block-system-main-menu { width: 73%; float: left; } #block-system-main-menu ul { margin: 0; } #block-system-main-menu .menu li { float: left; list-style: none outside none; margin: 0; padding: 0; height: 128px; width: 33%; } #block-system-main-menu .menu a { background-color: #FE8B00; background-position: center top; background-repeat: no-repeat; color: #2E2E2E; display: block; font-size: 16px; font-weight: bold; text-align: center; text-transform: uppercase; padding: 104px 0 0; } Я конечно же могу прописать для разных разрешений поведение данного блока на странице. Но хотелось бы по нормальному.

Кстати проблемные шрифты я попытался скормить Шрифтовой белке, но она сказала, что шрифты corrupted и работать с ними не хочет.

Спасибо за ссылку. Почитал статью. Обязательно попробую сгенерировать шрифты через FontSquirrel, хотя до этого пользовался похожими сервисами. И все таки вопрос остается. У меня ведь шрифт формата .ttf (не знаю как ссылку на шрифт дать) http://flowqi.ru/sit...Cyr Regular.ttf Почему этот шрифт Firefox не отображает, а Опера отображает?

Нет, там только один заголовок отображается "почти" одинаково во всех браузерах. Я не понимаю почему одни шрифты отображаются одинаково, а другие - нет.

Есть модули для Drupal которые могут решить мою проблему через js и без. Но я хотел бы именно через CSS подключить шрифты. Я склоняюсь к мысли что что-то не так в самих шрифтах, поэтому хочу стпросить какими должны быть шрифты, чтобы отображаться почти одинаково в современных браузерах?

Всем привет! Подключил на сайт http://flowqi.ru несколько шрифтов с помощью CSS @font-face { font-family: "Chine"; src: url('fonts/chine.eot'); } @font-face { font-family: "Chine"; src: url('fonts/chine.ttf'); } @font-face { font-family: "President Cyr"; src: url('fonts/President_Cyr_Regular.eot'); } @font-face { font-family: "President Cyr"; src: url('fonts/President_Cyr_Regular.ttf'); } @font-face { font-family: "JakobCTT"; src: url('fonts/JakobCTT_Regular.eot'); } @font-face { font-family: "JakobCTT"; src: url('fonts/JakobCTT_Regular.ttf'); } В результате в разных браузерах шрифты отображаются по разному Идеально в IE. Можно ли это победить? Может со шрифтами что-то не так?

"На сайте стоит друпал, что ухудшает поиск." Откуда дподобные сведенья. Флеша на сайте не вижу. Вам убрать меняющиеся картинки на главной?

sharpey, не понимаю какое отношение float и clear имеют к выравниванию текста по высоте.

Всем спасибо! Николя223, где-то я вас смутно понимаю, даже более того в этом направлении и мыслю, но вот код написать из вашего поста не могу. Alex Shnayder, действительно работает! А почему так? (Я б не додумался.) psywalker, та к эту книгу еще и прочитать надо

Привет, верстальщики! Не могу вкурить свойство vertical-align. Вот сайт http://elektroshocker-pochtoi.ru на нем вот так клеточки: Как выровнять название по центру клетки? Делал так (не работает): .view-frontkat .views-field-title { background: url("../images/color-schemes/blue_block_bg.gif") repeat-x scroll left top #34537E; border-radius: 3px 3px 0 0; height: 66px; } .view-frontkat .views-field-title .field-content { vertical-align: middle; /*как заставить это работать?*/ }.

hea8y, от того резиновая либо фиксированная верстка мой код не зависит. Я ведь не писал размер слоя в процентах либо пикселях. На нужно извращаться. Ставьте footer последним дивом, если хотите чтобы он был внизу. Погуглите в этом сайте в строке поиска "трехколоночный макет"

У вас <body> <div id="logo"> <div id="footer"> <div id="left"> <div id="right"> </body> А надо как-то так: <body> <div id="logo"> <!--Верхняя часть--> <div id="left"> <!--Левая колонка--> <div id="middle"> <!--Слой объединяющий контент и правую колонку--> <div id="content"> <div id="right"> </div> <div id="footer"> <!--Это ж низ. Его и надо ставить вниз--> </body>

Если б я ими не пользовался я б не сделал того что сделал. В любом случае еще раз спасибо!

DownHouse, спасибо! Я в реальном шоке, как можно было найти ответ?!

Привет народ! Подскажите кто нибудь пожалуйста (уже мозги себе сломал). У меня на сайте сейчас (см. рис.) #main-wrapper { overflow: visible; } в результате на стреницах с цумом дикая горизонтальная полоса прокрутки в Опере http://wenishop.ru/dlya-samykh-malenkikh/tsarapki-pinetochki/pinetki-detskie Единственный выход ее убрать это задать (писал сам може и бред): #main-wrapper { overflow-y: visible; overflow-x: auto; } Но, в этом случае Цум не выходит за границу контейнера. Может есть другое решенеие, чтобы и за границу контейнера выходило, горизонтальной прокрутки не было?

"Шрифты типа: Georgia, Times New Roman, Arial, Verdana - как я понял, установлены на всех компах. Я прав? " Нет не правы. Поставьте Убунту (или другой Линукс) и в ней по умолчанию шрифтов с такими названиями нет. Хотя есть похожие. Просто шрифты - это тоже объект авторского права. Популярные шрифты вы угадали. Еще есть Тахома и Требушет. А вот насчет "симпатичны юзерам" я не знаю. Смотря какие у вас симпотичные юзеры.

Может неправильно понял. Вы хотите писать HTML кодом каждую страницу? Не нужно, есть разные CMS.