madhed

Странно, у меня открывается в ИЕ оба... Посмотрите в Опере 12,16, там тот же эффект. О, спасибо. С Оперой этой отдельная песня - там появляется черная обводка, которую не забить никакими стилями. Причем разработчики Оперы в курсе, и работали над этим... Сейчас уже вряд ли работают, уже Опера 15 вышла. Пока из идей - заменить кнопку на див и передавать событие скриптом Но это если заказчик попросит.

Адреса нет, т.к. это только верстка и неизвестно когда будет в продакшене А вот это откроется? http://codepen.io/anon/pen/jEtuF

ИЕ10, ИЕ9, ИЕ8 Не помог ваш пример

Не знаю как избавится от смещения текста в кнопке. Суть: нажимаю кнопку, отвожу курсор от кнопки - текст смещается, возвращаю - текст смещается. Знаю, что это не серьезный баг, но хотелось бы управлять стилем кнопки полностью. Что я забыла учесть? стили кнопки: .get-guide { background: url("../img/tick.png") no-repeat scroll 23px 50% #8BC657; border: 0 none; border-radius: 9px 9px 9px 9px; border-bottom: 3px solid #6FA043; color: #FFFFFF; display: block; height: 56px; line-height: 56px; margin: 42px auto 0; padding: 0 12px 0 62px; text-align: left; width: 294px; } .get-guide:active{ border-bottom: 0 none transparent; position: relative; line-height: 56px; top: 3px; padding: 0 12px 0 62px; } .get-guide:hover, .get-guide:focus{ padding: 0 12px 0 62px; } Живой пример: http://jsfiddle.net/4Q6aW/

c нововведениями от фейсбука появились окошки с комментированием. И они не настраиваются! В упор ставится 450 ширина, сколько не вбиваю в ширину 280 пикселей Причем они появляются как-то странно... на широком экране (когда эти 450 пикселей помещаются) справа от кнопки... Когда же мобильный вид с шириной 320 пикселей - где-то слева, обрезаясь экраном. Хотела попробовать переназначить стилями, но оно меня игнорирует, а валидация говорит что так вообще нельзя задавать имена классов: /* пример класса, который используется в окне... точнее именно этот класс мне и нужно поменять */ ._5v4 { top: 24px; width: 450px; }

Спасибо, попробую разобраться.

Оба меню жестко заданы на странице, для начала попробуйте задать расстояния не в пикселях, а в %. И лучше через position, а не margin.

1. Правильно подобрана подпись для селекта, но он слишком длинный и забирает место у того-же поля email 2. Не нужно дублировать подпись для инпута внутри него... Получается масло маслянное... Placeholder предназначен для подсказки пользователю, что именно от него ждут в этом поле (к примеру имя: Вася, Вася Пупкин, Василий Василиевич, Василий Василиевич Пупкин, Пупкин В.В. и.т.п.) 3. Если уже предоставляете подсказки внутри инпут в форме, то оставлять только одно поле без него как-то странно. Можно хотя бы sample@mail.ru написать или ваш@е.маил 4. Если поле подразумевает число, то зачем писать там слова? Пользователь может воспринять это как разрешение записать количество словом... трёх к примеру, или двух... Когда вам нужно цифры 2 или 3... Для цифровой информации размер поля можно сделать меньше, вряд ли кто-то будет искать квартиру или отель для 100 человек... (хотя ограничивать искусственно стоит от 1000, мало ли) 5. не понятно почему эти поля тут, а не слева. Опять не понятные пояснения внутри полей... Я бы сделала по другому: Но это не формы обратной связи, а формы поиска)

Если иконка позволяет - ее можно определить в шрифт, или же нарисовать с помощью css3 (если опять-таки позволяет само изображение). Так же ее можно вставить через canvas.

Нашла http://www.jplayer.org/ вроде играет везде... Буду пытаться прикрутить) uppod не захотел показывать демо в ИЕ8

Подскажите, пожалуйста, способы подключить кроссбраузерно (ну хотя бы ИЕ8+, но лучше ИЕ7+) проигрывание звука на странице (не фоном, а по клику, с возможностью остановить). Плеера готовые, или самой написать без разницы (все равно готовые буду потрошить и подгонять под то, что нужно на самом деле). Нашла пока только jsound 1.0.1, но он не работает в ИЕ8...

http://design-mania.ru/web-design/articles/tipografika/ http://design-mania.ru/web-design/articles/soveti-tipografiki/ http://design-mania.ru/web-design/html-css/textcss3/

Много примеров: http://ruseller.com/

chiffenok, я тоже верстальщик. Но все же высказываю свое мнение клиентам, пусть даже это идет в разрез с дизайном. Отношения с заказчиками еще ни разу от этого хуже не стали, только наоборот. Про медиа http://htmlbook.ru/css/value/media можно почитать. И вот более конкретный пример: http://habrahabr.ru/post/119127/

совсем, совсем не верный подход к мобильному решению! Ведь главное на сайте не меню, а информация! и уж тем более не рассылка! Посмотрите на тот же Гугл в мобильном виде: http://clip2net.com/s/2DHOQ а вот развернутое меню: http://clip2net.com/s/2DHP9 Оно на видном месте, легко доступно и не занимает СТОЛЬКО полезной площади для информации. Раз это магазин, то пользователю в первую очередь нужны контакты (они есть) и товары. Потом, скорее всего его заинтересуют хиты продаж... А вот блоком с логотипами может не заинтересоваться вовсе, т.к. эта информация внизу, и до нее долго листать. Серенькая панелька у вас вложена с несколько дивов с разными отступами (в том числе и отрицательными)... Стоит немного поправить стили для мобильного через @media...

Подвал нужен чтобы знать кто создал сайт и когда... и как с ним связаться. На счет страницы с формой... Мое мнение: слишком прижат текст к блоку... Раз уж у нас есть столько воздуха на странице - не стоит жать информацию друг к другу... Я бы еще поработала с формой, возможно вариант, когда не будет серой подложки будет смотреться аккуратнее. На счет круглых углов - они не обязательны) Стоит лишь вспомнить про Metro стиль) В целом сайт читабелен, хоть и пустоват... Нет изюминки, идеи дизайнера... Просто аккуратная верстка.

Само "натягивание" и есть внедрение php и подключение базы. Если, конечно, cms содержит php, а не написана, к примеру, на Java или Grails... PHP не обязательно для работы с базами данных)

Этапы выглядят примерно так: 1. Идея сайта, для чего он нужен, кто целевая аудитория, что вы ждете от сайта (магазин, сайт-визитка, информационный сайт, блог)? На этом этапе удобно выбрать cms, если она нужна. (к примеру на сайт-визитку можно и не ставить cms, для блога подойдет Wordpress и т.п.) 2. Дальше нужно описать структуру сайта: что будет на главной? Какие будут пункты меню, какая информация будет по пунктам меню? Как будет представляться информация? (что в шапке, где меню, сколько колонок...)Собственно по возможности собрать информацию, которая будет изначально. 3. Теперь должен работать дизайнер, которому рассказывают предыдущие 2 пункта... предоставляют логотип (если есть, если нет - заказывают у него же) 4. Далее работа верстальщика, который взяв в руки макет делает из него html, css и js код. 5. Потом приступает к работе программист (если выбрана cms, если нет - то пропускаем пункт), который натягивает верстку на движок cms 6. Параллельно с 5тым пунктом ищется хостинг для сайта, он так же зависит от выбранной cms. 7. Сайт заливается на хостинг и начинается заполнение сайта информацией. СЕО оптимизация и раскрутка. Начиная с 4 пункта с кодом должен работать и тестер, который проверяет работоспособность кода, соответствие дизайну и изначальной идее сайта. На самом деле достаточно вбить в поисковик, и выдаст еще 57миллионов вариантов)

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

Можно сделать по старинке: В один див вложить еще 2. Первому внешнему дать фон отогнутого уголка (или же полностью эту картинку, если не умеете более глубоко работать в фотошопе)... Второму диву задать флоат, вложить в него текст и задать повторяющийся фон... и последнему сделать фиксированную ширину и задать фон заглушки... Нужно будет немного повозиться совмещая фона, но зато и в ие6 работать будет)

Структура <div class="row"> <div class="span4">...</div> <div class="span8">...</div> </div> обозначает что в блоке 940px-ширины созданы 2 фиксированные по ширине колонки .span4 { width: 300px; } .span8 { width: 620px; } Структура <div class="row-fluid"> <div class="span4">...</div> <div class="span8">...</div> </div> обозначает что в блоке с шириной 100% созданы 2 колонки в процентном соотношении .row-fluid .span4 { width: 31.914893617021278%; *width: 31.861702127659576%; } .row-fluid .span8 { width: 65.95744680851064%; *width: 65.90425531914893%; } Структура <div class="container"> ... </div> обозначает центрированный блок, который по умолчанию имеет ширину 940px Рекомендую почитать ресурс: http://bootstrap.veliovgroup.com/index.php - он на русском и достаточно понятно все изложено. Так же очень рекомендую все это использовать на практике и смотреть как и что работает в сочетании.

хм... опробовала код - у меня ничего никуда не съезжает... Но все же... Попробуйте между элементами menu и header поставить <div style="clear: both;"></div> или свойством css .class-name:after {clear: both;}

Аналогом div можно с большой натяжкой назвать span - он так же не несет семантической нагрузки и используется для создания дизайна, но он не является блоком по умолчанию (я так понимаю, что едет как-раз из-за того, что div - это блок). Но если необходимо блочность этому элементу можно придать через css свойством display: block.

Спасибо!

Я сталкивалась с таким... помогло вот такое: position: fixed; top:0; bottom:0; left: 0; right: 0; width: 100%; height: 100% причем в body тоже должно быть height: 100% Да, в конце концов у меня получилось разделить... Но меня не спасло... Пришлось поменять код и не использовать изменение позиции для выпадающего блока... а использовать изменение высоты... Оказалось так влияет bootstrap на Андроид 4 Причем только на Андроид 4, что удивительно... Выяснилось что андроид так же не любит отрицательные маргины...