Serafim1991

А можно небольшой примерчик? Как придать тени форму уголка - никак не пойму.

Скажите пожалуйста, можно ли сделать вот такие уголки у блока(беленькие которые) не используя дополнительных блоков поверх основного? http://youpic.su/pictures/1408132800/33efef60cd204d56fe44795e32cd1d94.png

Не знал, спасибо.

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

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

С текстом была беда и в хроме. Пока все лежало на локальном диске - хром кушал шрифты вполне нормально, как только все было выложено на хостинг - хром попросту не хотел их видеть до тех пор, пока из TTF шрифтов я не сделал OTF шрифты. После этого хром стал нормально наблюдать шрифты. Что в мозиле, опере, сафари и иже с ними, сказать не могу - даже не пытался о них думать. Тут бы под хром нормально верстать научиться.

Подозреваю, что ее там никто и не смотрел, поскольку в первом посте я предупредил:

а про ноутбуки и планшеты ну подумал? у меня 15" и не влазит Подумал. Поэтому проверил на своем. Там все влезло(и еще чуть-чуть места осталось). Не надо предполагать, нужно просто знать некие стандарты. Для ПК: 960, 980 и 1000 - все, все остальное это специфические заказы. Дизайнеры, которые рисуют макет сайта предназначенный для широкой аудитории в 1360+ px мгновенно получают ярлык - криворуко-хромосомо сапиенс, это тоже нужно знать ) Спасибо, запомню.

Горизонтальный скролл? Макет же 1350px в ширину. Я даже не могу предположить, что мое "творение", будут смотреть на маленьком мониторе(у самого 22"). В будущем буду стараться учитывать такую ситуацию.

Благодарю за указание на ошибки. Первоначальной целью было соответствие макеты пиксель в пиксель. Увы, не вышло(часть плывет, есть небольшая проблема с тенью у нижнего блока) А по поводу relative - у меня с позиционированием глобальная проблема. Я вроде бы и понимаю разницу между absolute и relative, но все равно путаю вечно. Поэтому почти везде указывал как позиционировать элементы

Сама верстка - http://serafim1991.esy.es/ Макет - http://rghost.ru/52789387 Картинка для PixelPerfect - http://rghost.ru/52789416 P.S. это первая верстка, поэтому версталось только под хром

Код надо смотреть. Без кода сложно что-то сказать. Да и если это лого, почему бы его не сделать картинкой? Конкретно - белую часть с текстом оформить как картинку, а голубой - залить через background

Не подскажу, ибо пользуюсь другими текстовыми редакторами.

При указании шрифтов в .logotext надо писать не font-family: cooper;а font: 1em 'cooper' sans-serif;Если я не ошибаюсь, то font-family работает, если присваивать его тегу <P>(как в примерах, на которых вы основывались), вы же присваиваете классу, поэтому и не получается установить шрифт через font-family. На крайний случай вот вам архив, посмотрите как работает: http://rghost.ru/52612929

При минимальной ширине страницы картинки очень сильно вытягиваются по вертикали.

В архиве находятся 3 программы: ColorMania, NotePad++ и "линейка"(как называет ее автор). PSD-файла там нет. Да и по размеру видно, что он туда не влез бы.

Тоже хотелось бы посмотреть на макет.

Это те, которые наиболее часто используются? Т.е. это в порядке вещей? Я почему спрашиваю. У меня бывают моменты, когда я напрочь забываю довольно простой тег и его атрибуты(например, теги таблиц tr, td, th) и приходится лезть на сайт, чтобы освежить в памяти то, что забыл. И в голову стали закрадываться сомненья, что это очень печально и это все не мое.

Интересно, опытные верстальщики знают большинство тегов и их атрибуты наизусть или при верстке пользуются сайтами, подобными этому?

Есть класс b-activator-play Ему, через свойство :hover(на всякий случай - это когда мышка находится над элементом) задается полупрозрачная картинка. Вроде так)

Если картинка большая, а нужно сделать несколько ее отдельных частей разными ссылками, можно использовать программу Adobe Fireworks. При экспорте картинки в html-страницу, программа сама генерит код нужной области с координатами.

Красиво. Код этого дела можно найти нажав F12 и раскрыв скрипт, подчеркнутый на картинке ниже Там даже комментарии есть. Ну а изменить под себя, я думаю, труда не составит.

Может быть !important Например http://jsfiddle.net/G7phV/ Для всех тегов <p> определено 24px, я для тега <p> с классом class1 - 18px P.S. опередили, можно удалить

Насчет переносов строк - у меня этого не наблюдается(например, перенос ";" на другую строку). После вашего сообщения специально перепроверил. Даже в тексте тут нет переносов, перенос появляется, когда заключаю код в соответствующие теги. Примеры: 1. Оба условия не закомментированы. В это случае страница отображается с крокзябрами(скриншот во втором спойлере) 2. Закоментировано одно из условий(проверка логина). Все отображается так, как нужно. Если закомментировать другое условие(для проверки пароля) или оба условия - результат будет точно такой же(все показывается как нужно). Могу предоставить проект полностью, если потребуется(он небольшой). В работе с ним использую WebMatrix Без этих двух условий(или с каким-либо одним) все работает прекрасно. С двумя условиями - не работает. Были бы проблемы с кодировкой, то крокозябры были бы всегда, а не только в тех случаях, когда оба условия не закомментированы. Указана UTF-8.

Вроде как все учел Для тебя самое важное - это свойство height: 20px; в файле default.css на 57 строчке. Меняешь высоту на ту, которая тебе нужна - и будет тебе счастье. Если не устраивает картинка - самый левый прямоугольник. На место тамошней ссылки вставляешь свою с картинкой и все.