Sabay

У вас иконка выпадает при сжатии? или при статике?

не вижу не где этого, даже не знаю что подкрутить по коду

с какого устройства эта картинка? Не могу к сожалению решить это расхождение потому как не вижу его на стандартном мониторе при сжатии, а также на имеющемся смартфоне(

Всем привет друзья! Попробовал в первые сделать адаптивную верстку с помощью медиа запросов. Вообще читал, смотрел что адаптивная и отзывчивая верстка НЕ одно и то же. Поэтому скорее я сделал отзывчивую верстку)))))) Вот такой вопрос у меня: В 4 блоке latest Blog posts, первый и четвертый новостной блог по шаблону выходят за ширину контента(940px); при сжатии я задал им display:none; Так чтоб при меньшей ширине было два блока, а далее один??????????????????????????????????????????????? Возможна ли такая реализация этого момента, возможно ли далее тем кто будет осуществлять с помощью JS или PHP реализацию горизонтального скроллинга, сделать так чтоб все эти блоки отражались на месте одного, с помощью прокрутки, когда сайт будет открыт на телефоне??? Короче возможно ли реализация сжатия, ВЕРСТКА, так как сделал я??? Буду очень рад и признателен вашим замечаниям, и как всегда всем отозвавшимся огромное при огромное благодарю!!!! Задачу пиксель в пиксель не ставил , по шаблону есть визуальные отличия!!! Верстка: http://sportclabchel.ru/ALTAIRE/altair.html Шаблон: http://sportclabchel.ru/ALTAIRE/index.jpg

ALEEX SWN поделился юзай, хороший сайт http://land-book.com

Верстал макет 1день, но не в плотную, что то делал еще, я думаю, что если со свежей головой за 5-6 часов сверстаю, но кто-то скажет это очень долго))) Написать код для этого шаблона можно за 20-30 минут, он же в голове готов, переноси да и все, вот фотошоп много время отнимает. Я скажу тебе так))) Не смотри ты на этих людей кто говорит что один день два, 3-5 рублей и готово. Есть еще пример. Моему другу в Москве сделали похожий лендинг за две недели, уровень шаблона да и верстки примерно одинаков, но там еще цмс была какая то самодельная, ну четко работала, все вместе 40 000 р. Просто верстай и не кого не слушай, всем есть место на этой планете. По шаблону я вряд ли могу что сказать, кроме, кода скриптов не много, не сказал бы что по верстке тоже много, там сам лендинг не маленький, может быть что то и на конструкторе делали. Вообще тему во флейм, но по моему что то похожее там уже есть. Как выложить сюда шаблон в псд я не знаю, подскажи подскажи точнее как бы ты сделал заголовки? <h1>,<h2>,<h3>,<h4>,<h5>??

1.что значит в этом блоке, они ж везде разные, как если не обговорил с дизайнером или с заказчиком правильно понять что делать ссылкой а что нет? 3.Раньше так и делал. например <div class="content-wrap"> и этот див везде вставлял в разметку, но после критики одной из моих версток указали что много лишнего кода и можно непосредственно диву родителю устанавливать ширину. Цвета вроде везде поставил где бэкграунды, пересмотрю

1.Обернул в а, так как не понятно ссылки это или просто рисунок, а вот далее не понял что ты пишешь? если поменять курсор и не оборачивать в а, то ссылкой ведь не будет? 2.Бэкграунды на шаблоне шириной 1600px, нарезать и размножить их по ширине не получиться поскольку там структура не будет совпадать, я задал им max-width:1600px; почему должны растягиваться до хотябы 1920px, думаю это не совсем обязательно, ну будет этот шаблон на широком экране не 1920 а 1600 смотреться. Поясни? 3.Разметка в общем в принципе такая же. Про лого думал, переделаю ))))) нет еще не читал, теперь прочту) это block-footer_wr, например, сократил

Буду пробовать, спасибо

Были и у меня такие мысли, но думаю рановато мне пока адаптивной версткой заниматься

Дан нет задания есть просто шаблон, молча дали. Приму к сведению, переделаю, а еще?

Привет всем! Лендинг. Гуглил, читал, особо много инфы о верстке лендинга я не нашел. 1.Со стороны семантики сверстано допустимо? 2.Старался блокам не давать фиксированную высоту??? Например где конкретный фон фотография высотой 600px, надо задавать высоту? Не совсем я понимаю по высоте? Буду рад подсказке). 3.В шаблоне есть фото? Как определить относятся они к контенту или можно сделать из bg? Сделал два варианта, закомментировал, гляньте? 4.Так можно делать спрайты? Пойду 6 на курсы интенсива в HTML academy, вот, дают такие шаблоны верстать, отвратительно нарисованные в фотошопе, по моему. Как всегда всем критикам огромное благодарю. Лендинг первый раз верстал. http://sportclabchel.ru/MARBLE/marble.html

Совершенно согласен!

Ахх! хорошие ссылки! Мира вам благодетели!

Блин хоть убей ну никак я не могу врубиться в разницу между <section> end <article>!! Благодарю!

1.да знаю!) но так блин проще! Буду стараться! Но а так ведь не критично? 3.Ну что опять с семантикой то? <section> стоит правильно ведь? 4. А где тут спрайты? Тут нет изображений меняющих свой вид? 5.Ачто с лого не так не понял? 6.Да тексту задан левый отступ, чтоб он выступал ниже фото(по шаблону), предполагаю что текста больше не должно быть, тем более с низу есть кнопка ( читать далее). 7.December не будет, будет Dec15, Cep18, Oct19 и так все 12 месяцев, предполагаю по крайней мере))) если будет December переделаю чтоб растягивалось, я просто верстаю шаблон, написано mar18, отсюда и предполагаю что все остальное будет так же, мне предположить много ближе что будет Dec, а не December???? Но если все таки будет December то переделаю, или надо сразу делать с предположением что будет December? Вот это я загнул? Короче что думаешь? Про time благодарю! Буду чаще посматривать на новый теги. Как меню не влазит?? где? в каком браузере??? Для placeholdera определены стили. ::-webkit-input-placeholder{color:#000; font-family:000;size/ weight/ padding-left:10px} так написано со всеми префиксами, тут просто образно естественно написал, у меня только в мозиле прилипает к левой стороне, что не так?? Благодарю всех отозвавшихся! Pangurban-получается что ошибки почти те же? А разделы ссылками , это ты имеешь ввиду :in: Photos, Retro ??? Cursor-pointer добавил, Благодарю!

Привет всем! Буду очень благодарен за критику. Вопросы по <span> которые вложены в дивы, так возможно? если нет то во что лучше оборачивать <span> просто в диве? Ну по <section> гляньте ? там где стоит уместен? Pangurban за дело!! Шаблон выбирал попроще чтоб ты оценил))) http://sportclabchel.ru/design/design.html

Привет ты не совсем разобрался с классом .clearfix, этот класс заставляет контейнер <<очистить>> плавающие элементы которые в нем содержаться. В данной верстке класс применяется не один раз подряд и не к месту, например в хедере. Возможные проблемы с увеличением шаблона и обрезанием фона, из за заданной ширины для контента, и эта же ширина фиксирует фон, сделай отдельный див для бэкграундов, а контент фиксируй, тогда на разном масштабировании монитора будет все ровно. Я думаю так. И почему все здесь пишут .clearfix, .clearfix? Говорящий класс?? Вот Дэн Сендерхольм предлагает так <div class="main group"> .group:after { content:''; итд итп; } Основной класс говорящий и смысловой, главный, main, а group, или .clearfix дополнительный и несущий определенную функцию Почитай книгу CSS ручной работы, Дэна Сендерхольма там очень здорово про .clearfix именно написано. Если я не прав, дискуссируем господа верстальщики.

убрал

Переделал разметку с em strong и I на span, так будет лучше? 960 это ширина части с контентом, хедер и футор по шаблону выходят за контент и ширина их 1200px, посмотри по span

О! прочел как max-width! так и ответил, да принято! минимальную ширину фона исправил, например 1600px это нармальный размер или в таком случае можно сделать больше? По оптимизации логики понятно буду работать в этом направлении. Скажи почему брать макеты проще? не совсем понял, верстаю же? может быть подправить ошибки переосмыслить и двигаться вверх лучше? Какие еще замечания кроме того что перечислил, на что еще стоит обратить внимание? Спасибо! хех! исправить исправил тока теперь шаблон по ширине прокручивается!)) Исправил

1. А зачем фиксировать горизонтальный фон, именно в этом случае? Пусть он будет где можно на ширину 100%, в чем плохо? 2.Какие именно тени? Если как у центральной части то расскажите подробнее как их надо было сделать? Я думал чтоб создать слой ниже центр части и задать ему box-shadow, но не придумал как сделать чтоб он растягивался, а так как сейчас тень начинается с отступами от краев, что красиво, и при растягивании контента она растянется. 3.В чем неправильно использую em strong и i ? Семантика? 4.Да таблицы для табличных данных и я это знаю, в этом случае проблем я не увидел, а если есть расскажите подробнее почему именно здесь надо было применять списки, что и было в начале потом убрал так как так проще стилизовать(для меня). 5. Пожалуйста если можно покажите пример точнее, где лишняя фиксация высоты, за что премного благодарен. 6.Опять же пример приведите пожалуйста. 7.Считаю что макет простой. Благодарю за критику, но хотелось бы по подробнее, у книг учиться хорошо! Но у собеседника еще лучше!

Привет всем! Покритикуйте верстку, http://sportclabchel.ru что где не так, или что где было бы лучше, конкретного вопроса именно по этому шаблону задать не могу, все было понятно (насколько я могу понять!), по этому ценна любая критика! От 9 эксплорера должно отображаться корректно. Всем заранее спасибо

Благодарю Galaxy, в целом вы ответили на мой вопрос, день прошел не зря, а уже к стати начался и новый)))) Благодарю!

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