Нарек

Я очень благодарен за статью про margin, и про вертикальное выравнивание, проблема в том, что свойство position не работает со свойством display: table-cell;. Это еще пол беды, Мне нужно, что бы .gallery-window тянулся на всю ширину и высоту окна браузера, при этом имела ровные отступы и по бокам, и сверху, и снизу. И что бы при уменьшении окна это соотношение никак не портилось. Ваш пример работает в том случаи, когда есть четко заданная высота у родителя. (пример из js ru который). Либо в пикселях, либо в процентах, в конечном итоге мне нужно идеальное соотношение всех отступов при любом размере браузера.

Здравствуйте. Столкнулся с такой проблемой. Не могу добавлять фиксированные отступы у контейнера .gallery-window со всех сторон. Или хотя бы резиновые. Временно решил проблему извращенным способом, увидите в коде, но при уменьшении окна появляются неточности. Слева и справа работает свойство margin: 1%; а снизу и сверху ну никак. Подскажите, как можно добавлять одинаковые фиксированные или резиновые отступы сверху и снизу, что бы при уменьшении окна они либо сохранили пропорции и сверху и снизу (при резиновых отступах), либо оставались фиксированными (при фиксированных отступах). Песочница http://jsfiddle.net/7hqdN/

http://habrahabr.ru/post/119127/

Так код пропишите header nav a:hover:before { opacity: 1;}

Ну так мака нет.. К соседу уже неудобно.. Подождем, может еще кто то с маком зайдет сюда и скажет нам всю правду) Если честно, мне тоже жутко интересно, впервые такое)

Может конкретно в браузере что то включено, плагин какой то.. Главное заказчик доволен, у меня на windows все отлично, у большинства людей у которых спрашивал все хорошо)) Но все таки жутко интересно с чем связано это)

Проблема решилась добавлением обоих строк. Какая именно строка помогла - не знаю, так как нет рядом мака что бы постоянно менять и проверить. Спасибо всем.

У меня тоже винда, даже ie показывает нормально. Проблема только в сафари на маке. В других браузерах на маке тоже все нормально. Да проблема в том, что мака нет, не могу тестировать, сейчас пропишу строки, у кого есть мак, смотрите, пожалуйста. Обе написал.

http://nt-work2.bl.ee/ Вот сайт..

Спасибо конечно, но почему тогда именно при hover такое? браузер же не рендерит текст отдельно при ховер что сглаживание еще и добавил. Там реально жирнее текст становится на несколько пунктов.. Заказчик в панике и я тоже с утра попробую, мака нет, приходится к соседу сбегать)

Ни то ни другое. Чистое меню в списке, выпадает с помощью css. Там ничего не должно прыгать/дергаться, начиная с IE 8 такого нет, только в сафари ( на маке проблема, на винде все нормально). На маке хром, фф тоже выглядит как надо.

нет таких шаблонов где требуются именно новые теги и свойства. В любом макете оформление кода можно делать несколькими способами. Вы практикуйтесь, выложите сюда ваши работы и люди дадут оценки. На сайты выше смотреть не буду, так как их можно сказать верстал Попов а не Вы.

Странный вопрос Вы задаете.. Каждый тег делает что то, сидеть их зубрить гиблое дело. Практикуйтесь, и со временем встретите все теги и запомните их уже. Вот Вы по русски не очень то, потому что слов не знаете. Так и с html, без знания тегов будет не очень то, а так ведь не годиться.

Здравствуйте! Столкнулся с проблемой, Во всех браузерах смотрится подключенный шрифт нормально, а в сафари (мак) вот так Свойства :hover которые меняют шрифт нет. В чем может быть дело, поделитесь, пожалуйста. upd: шрифт подключен через гугл, обычный open sans...

Вам поможет свойство columns. подробнее ищите на htmlbook или вот ссылка helephant.com/2013/03/17/using-css3-multi-column-layouts-to-split-a-list-into-columns/

То есть, что бы одна запись дублировалась в 5-7 местах?

Есть еще лучше вариант, для блока #content добавить clearfix http://nicolasgallagher.com/micro-clearfix-hack/ Просто скопируй содержимое в свой css код и пропиши блоку #content класс cf Как тебе объяснить то.. Попробую покороче. Свойство float как бы отрывает от основного документа какой нибудь блок. Представь плоскость, блок с float-ом будет выше остальных. То есть на твоем примере твой блок #portfolio просто не видит блоки с float потому что они приподняты от плоскости. Хак clearfix добавляет как бы невидимую оболочку, которая обхватывает твой основной блок в котором находятся блоки с float-ом, и создает невидимую границу. Получается твой блок #portfolio не видит блоки с float-ом, но видит границу которая добавила clearfix. И не лезет через границу. Надеюсь поймешь.

Потому что хаос в стилях. Если флоатить блоки, после них обязательно надо очистить поток хотя бы clear: both;напиши clear: both; у #portfolio это хотя бы немножко исправит ситуацию.

Не правильно пишешь ссылку на картинку. Он у тебя не в папке css, соответственно надо сначала выходить с папки css потом зайти в папку img url("../images/header-logo.jpg")

Трудно с Вами спорить. Абсолютно солидарен с Veseloff

@webmasterFast, У меня не такой большой опыт как у большинства постояльцев форума, но все таки позволю себе делать замечания. Вы обещали проверить валидатор, но тем не менее он выдает 164 ошибок. Именно ошибок а не предупреждений. Согласно нынешним стандартам W3C таблицы должны использоваться исключительно для верстки самих таблиц. Все остальные случаи мягко говоря несемантичны. Согласно тем же стандартам нельзя использовать стили в разметке html, для этого есть довольно мощный инструмент - CSS. Вот такими высказываниями Вы создаете личную неприязнь именно к Вашей личности. Если бы Ваше мнение было правильное, то Вы бы наверняка были бы среди разработчиков W3C. Вы верстаете так сказать для себя. Ваши хаотичные ID никто не понимает кроме Вас. А если кому нибудь придется отредактировать Ваш код? Я врагу такого не пожелаю.

футер не прижат, блоки наезжают друг на друга при просмотре с мобильного. Хост и домен на hostinger.ru

самое рациональное это размещение сайта на хостинг любой, и ссылка на него.

Капец.. Я уже весь developer network прочитал у фф.. Спасибо большое)) Надо взять выходной походу)

@xzarxzes, Спасибо за подробное описание. Вот что заметил, эту строку FF не понимает. font: 600 16px/68px 'Open Sans' Arial, Verdana, sans-serif;Для него нужно написать все отдельно, font-weight: 600; line-height: 68px; Почему это так, строка неправильная или ФФ чудит? да и подключенный шрифт не понимает он... <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>