Bumblebee

То есть он выкрасит 0.35 пикселя цветом текста, а 0.65 - цветом фона, так что ли?

Немного не по теме.

А как браузер отображает дробные пиксели?

Потести, расскажешь, на моём 19 дюймовом мониторе разницы не особо, их всегда округляют, ибо если где-то лишний пиксель - ломается верстка..а она тебе надо? поэтому нужно всегда округлять размер, будь шрифт или просто размер, в фотошопе же нет дробных пикселей, все что меньше пикселя - не видно человеческому глазу, а машине пофигу, там простая математика

Как можно сдвинуть блок на 0.6 пикселя? Пиксель нельзя делить. Нигде. Или я не прав?

Немного не по теме.

А как браузер отображает дробные пиксели?

У каждой страницы должен быть свой класс для элемента html или body. Это если хочешь одну таблицу стилей использовать. Это мое предположение

Решил подключить шрифт нестандартный. Скачал. Вот код вставки шрифта в css файл и его применения:

@font-face {
font-family: Myriad;
src: url(fonts/Myriad-Web-Pro-Regular.ttf);
}

a {
font-family: Myriad;
}

Не получается. Смотрю в хроме - шрифт вроде подгрузился:

https://docs.google....dit?usp=sharing

Но почему-то пропечатывается он как times roman.

Если открыть его на компе, то вот, совсем иная картина:

https://docs.google....dit?usp=sharing

Что я делаю не так?

Понимаю, что косяков там, наверное, туча.

Не знаю насчёт тучу =) Думаю кто профессионал,может найдёт,я особо не рыскал,и у меня нормально всё отображается.

Могу посоветовать некоторые части писать на css. К примеру тени. Да и фон,зачем фото ?

И да раз за фон пошла речь а зачем два раза писать bg ?

К примеру тень в футоре,есть на харабаре,статья как её делать на css.

Зачем в футоре писать bg-color,хотя роли он не какой не играет .

background-image: url("[b]img/lines.png[/b]");
	background-repeat: no-repeat;
	background: url("[b]img/lines.png[/b]") no-repeat, url("img/background.jpg") repeat;

И ещё немного смутила,где надо было писать градиентом ты писал... А вот где можно был bg цветом или градиентом или свечение (rgba у тени менять) сделать нет ...

Теперь у поиску... Сами писали ?

Просто думал вот те два кружочка это кнопка при нажатии на которую производится поиск,тут я начал вписывать в графу текст,появился крестик (я подумал,вот это штука,не ну реально не плохая фишка,да и в тему прям под вторым кружком,как по дизайну),потом начал вести до конца,а текст только на крестики о остановился,а как искать,а entet жать ? Думаю стоит сделать кнопку =)

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

За советы по поводу css спасибо, буду кое какие элементы переделывать.

Крестик в поле поиска - это фича, которая появляется в некоторых браузерах, если вместо обычного <input type="text"> использовать <input type="search">. Кнопку поиска действительно стоит добавить.

Zveruchka, спасибо за критику, постараюсь все выправить.

IvanRu08, держи:

http://www.freepsd.ws/59-temnyy-psd-maket-sayta-gooddate.html

Всем спасибо за советы и замечания, ценю!

Понимаю, что косяков там, наверное, туча.

Макет:

https://docs.google.com/file/d/0Bzaxm4w3ZjIsT29TUWJEMmtrejA/edit

Верстка:

http://bumblebee.p.ht/

Моя первая работа, доведенная до конца (кроме главного слайдера, его я оставлю на потом).

Критикуйте

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

Тогда конкретнее скажите, что вам нужно

Все по центру должно быть?

Можете обернуть в еще один блок и уже им манипулировать.

http://jsfiddle.net/...ebee1993/Naz9F/

Так не пойдет? Прошу прощения у эпилептиков за выбранные цвета.

Таким макаром можно и тег "body" внуть тега "а" поместить

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

Как же он мне не нравится, все с ног на голову.

Наоборот, с головы на ноги. «Требовательность к тому, что отдаешь, терпимость к тому, что принимаешь» или как-то так — принцип разработки устойчивых систем.

Но и совсем не строчный

В HTML5 вообще нет блочных и строчных элементов

Вам бы пособие написать

Вы потеряли эту мету:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Благодарю! Заработало

Джилленуотер - Сила CSS3. Очень увлекательная книжка по вашей теме. Примеров куча. Для всех браузеров.

Сори, что сразу не закинул:

<head>

<title>Bootstrap</title>

<script src="http://code.jquery.com/jquery-1.9.0.js"></script>

<script type="text/javascript" src="js/bootstrap.js"></script>

<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>

<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css"/>

</head>

Нужно, чтобы в меню просвечивался фон body полностью без перегородок?

Да, все правильно понимаете

В этом точно есть смысл?

Согласен, смысла ноль. Это тестовое задание, а не часть какого-то проекта.

Решил поизучать этот известный фреймворк. Я в этом деле полный нуб, сразу скажу. Немного поэкспериментировал и...

Если качать с их сайта архив со всем содержимым без всякой кастомизации, то в распоряжение тебе дается css файл, responsive css файл, скрипт bootstrap, пара спрайтов с иконками и.. Все. Еще надо jquery подкючить. Все подключил. Вроде на компе все работает: ширину меняешь - колонки перестраиваются.

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

Вывод: что-то я не подключаю. Либо скрипт какой, либо еще один css файл.

Кто работал с этим фреймворком, помогите новичку. А то что-то совсем истерика уже начинается.

Заранее благодарен

Закомментируейте градиент. Там перегородка видна.

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

Ваш вариант, к сожалению не подходит, так как если подложить фон всей страницы (body например), то выпадающее меню исчезает вовсе. А именно таким было условие, я наверное не ясно выразился. У меня почти получилось. Но все равно, как заметил SelenIT, если сделать выпадающее меню слишком коротким, то граница вылезает за пределы.

Плюсую за последний вариант Он еще в книжке "Джилленуотер - Сила CSS3" описывался подробно. Без картинки всяко лучше.

Для меньше трех пунктов можно свой класс допустим сделать. А вот с короткостью хз что делать.

Вроде получилось. Хз, стабильно ли..

http://jsfiddle.net/Bumblebee1993/WxdQp/7/

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

Кстати, еще забыл упомянуть (дырявая голова), что по условию нельзя делать фиксированными элементы меню. Те есть ширина элемента меню зависит от его содержимого.

Прочел вашу статью на хабре. Очень интересно

Сори, забыл написать. Фон будет неоднородный, так что перегородка должна быть прозрачной.

Про опасити. Дурак я Он тут совсем не нужен, убрать забыл.