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...