Rustick

Вот

Спасибо за помощь во всех темах.

Скриншот Верстка 1. Как сделать такие же кавычки как на скриншоте? Шрифты и размер как в макете. Кавычки ставлю где цифра 2. 2. Не получается фразу где кавычки так же сделать. Пробывал прописать float: left для левой кавычки и для цитаты. Получилось так. Это реально похоже на кавычки, но на макете они на одном уровне, а если я начинаю марджинами двигать там косячит все конкрентно. Или может проще кавычки картинками вставить?

Ссылка 1. В менюшке, у элементов списка не показываются маркеры, почему? Пропали когда прописал display: inline для элементов списка. li.icon_1, li.icon_2, li.icon_3, li.icon_4 { display: inline; padding-left: 32px; } 2. Опять проблема с пониманием того, как работает margin img.logo { margin-left: 20px; float: left; } .logo_text { font: 20px Tahoma; color: #3c3c3e; margin-left: 5px; float: left; } После того, как добавил float: left; для img.logo (листочек) пришлось прописать для .logo_text (corporate energy) margin-left: 5px; а до этого было 55px, то есть margin начинает браться от листочка, потому что идет обтекание, верно? А да это получается брался от края тела?

Он будет прижат к левому краю. Это наверное не совсем красиво? Ты как считаешь? Стоить ставить margin: auto; ?

Вот какой вопрос назрел. Стоит ли для макета на 1024 ставить margin:auto? То есть если его не ставить, то как будет себя вести макет сверстанный под ширину на 1024 на экране с разрешением 1280 на X?

Вот кстати по 2-му пункту. Заметил что про это многие пишут в теме оценки макетов. То есть там например кто-то пишет что когда уменьшаешь окно браузера, у кого-то блоки едут и все такое. Что там про это? Что должно происходить?

© margin Объясните пожалуйста, что это значит (схлопывание)?

Нужно сверстать макет под 800px. Соответственно нужно расположить его по центру, дабы самые распространенные разрешения начинаются от 1024 в ширину. Каким образом это сделать?

Кроссбраузерность. IE6, IE7, IE8, IE9, Opera последняя версия, Google Chrome последняя версия, Mozilla Firefox последняя версия, Safari последняя версия. Нормально так будет проверять на кроссбраузерность? 1. Во всех версиях IE нужно отдельно проверять, а в остальных браузерах можно просто в последней версии проверить? 2. После окончания верстки проверяете ли на экранах с разным разрешением? И вообще стоить ли это делать? Например если верстаешь под 1024 и под 1280. Если да, то как проверяете? Ведь монитор по сути один.

Прочитал кучу тем, везде разные мнения на счет ширины макета. Макет под фиксированную ширину. Под 1024 нашел три мнения: Ширина 960 или 990 или 1000. Что выбирать и почему? А под 1280 какую ширину нужно делать?

Возможно, шаблон взял из паблика. Окей. Всем спасибо.

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

Вот как логотип выглядит в фотошопе. А при верстке по-другому, хотя отверстал как в фотошопе: font: 43px Georgia; color: #adb3b7; Смотреть В чем проблема?

Ссылка В отступах для меню написано: padding-top: 65px; Измерил через measureit - плагин для лиса. Там 70px. Для логотипа стоит padding-top: 60px; а там вообще почти 80. Почему так? А если использовать обычный спрос css * { margin: 0; padding: 0; } То расстояние увеличивается еще на 1-2 пикселя. Ссылка Подскажите пожалуйста, как решить проблему? Смотрел через firefox 4.01.

А каким образом понять что лучше использовать в том или ином случае? Есть какие-либо критерии? Безусловно тут все индивидуально и с опытом уже понимается что лучше, но все же. А что значит полурезина? Это значит до 1280 тянется, а дальше имеет фиксированные размеры?

Имеется список шрифтов, поддерживаемых в windows. 1. Вы обычно используете стандартные шрифты (которые по дефолту есть в windows) или же какие-то нестандартные? 2. Если нестандартные, то как подгружаете? картинками? @font-face ? Еще читал про метод Cuf?n. Что можете про него сказать? Кто-нибудь использует? 3. Если использовать @font-face для загрузки пользователю шрифта, то каким образом выглядит сайт? То есть сначала грузиться шрифт, потом отображается страница или же страница загружается с одним из стандартных шрифтов, а потом после обновления страницы меняется шрифт?

Скриншот Как называются эти синии линии? Для чего они нужны? Что можно прочитать про них? По какому запросу искать статьи, чтобы понять что такое и для чего оно нужно?

Добавил в ul.hr li border-right: 1px solid black; а в ul.hr display: inline-block; Все тоже самое, палочка слишком большая.

Что-то я так и не понял. Каким образом я буду вставлять этот элемент в код? И что значит сделать этому символу обертку? 1. Вставлять этот код ты будешь с помощью Условных комментариев для ИЕ. Гугл в помощь. 2. Обёртка - это контейнер, родительский элемент, т.е. тот, в котором будет лежать твой. 1. Мне палочку нужно сделать для всех браузеров, при чем тут условные комментарии ИЕ? 2. Понятно. Спасибо. Автор выше написал, что я должен вставить палочку, а уже ей сделать обертку. Куда я палочку то должен вставлять?

Ребята, я понял из чего состоит блочная модель, и что padding - это внутренний отступ, а margin - внешний. Если посмотреть например на Положение 3 - Вариант 1, то получается, что margin работает относительно того места, где располагается текст, то есть я задал отрицательный margin, и текст поднялся вверх. В Положение 3 - Вариант 2. У нас нету ни margin, ни бордюра, значит сверху паддинг отсчитывается от листика, а слева от края браузера. Получается, что границей отсчета сверху для отступа является именно листочек, то есть отступы сверху в данном случае делаются не от родительского дива, а от так скажем, того что располагается выше текста в html коде? И все равно я запутался. ——-верхний край браузера———--1 граница———-| ——-верх листочка——————--2 граница——————— листок ——-низ листочка——————-3 граница———————- Environmental.com (текст) ——————————-4 граница—————- Например, работаем с Environmental.com (текст). padding-top - это расстояние от Environmental.com, до низа листочка (3 граница) margin-top - это расстояние от Environmental.com до верха листочка (2 граница) Я верно написал?

Cкриншот Положение 1 Смотреть Тут все располагается в соответствии с тем, как элементы расположены в html коде. <img class="listok" src="img/listok.png"> <h1 class="enviromental">Environmental.com</h1> <div class="site_slogan_here">site slogan here</div> <div class="help_line">Help Line 24 /7 Support 1800 3246 345</div> Положение 2 Смотреть Через padding сдвигаю листок вниз, соответственно вместе с этим сдвигается все, что находится под листком. Положение 3 Вариант 1 Если делать отступы для записи Environmental.com через margin, то получается, что ее можно сдвинуть на уровень листочка. Смотреть Вариант 2 Смотреть Если делать такие же отступы через padding, то не получается. Вопрос: Каким образом определяется откуда будут делаться отступы? Ведь по сути в положении 2 отступ делается через padding, потому что он и является так скажем первым ограничивающим прямоугольником. И получается "внутренний отступ". А вот уже в положении 3 никак не могу понять.

Что-то я так и не понял. Каким образом я буду вставлять этот элемент в код? И что значит сделать этому символу обертку?

Большое спасибо, теперь все работает Ты же код копировал а картинки то не сохранял, вот и не работало. Да, только потом догнал это. А не подскажите что обозначает в этом коде: * html .gallery li{ float:left; clear:right; } *+html .gallery li{ float:left; clear:right; } Это: * html .gallery li И это: *+html .gallery li Почему один раз просто не написать .gallery li?

Скриншот: смотреть Вопрос такой: Хорошо ли это, много раз использовать position: absolute; Для чего использовать position: absolute, для того, чтобы задав элементу это правило, можно было бы проще измерять отступы. Например, если посмотреть скриншот, а именно на шапку, то задав это правило отдельно для листика, отдельно для каждой надписи, то соответственно, отступы будут считаться от края браузера. То есть в фотошопе можно будет линейкой очень просто измерять расстояние с левой стороны и сверху, и соответственно задавать эти отступы в верстке. Как считаете, то что я думаю, это хорошо или плохо?