Kublyakov

Можно, на пример использую flexbox

В подмастерья я пошел с такой версткой http://kublyakov.ru/house/ - карту верстал не я) Так что с вашей версткой идти в подмастерья можно без проблем)

Да, выше написали про http://bxslider.com/ - я использую его, всем доволен. PagerType: 'short' - нужная вам опция.

Спасибо за советы, но все проще гораздо - я дурак просто((

Нужно было overflow: hidden; задать для родительского блока и все!

Всем привет. Второй день мучаюсь, не могу додумать как реализовать следующее:

Враппер шириной 960 пикселей, но в одном блоке картинки выходят за враппер  слева и справа. Они должны быть всегда на одном месте относительно контента, горизонтальный скрол должен появляться только при 960 пикселей.

Вставляя картинку либо бэкграундом, либо просто картинкой с абсолютном позиционированием горизонтальный скрол появляется при ширине картинки, либо контент плавает относительно бэкграунда.

Вот пример: http://kublyakov.github.io/ Нужно что бы текст всегда был на одном месте, относительно бэкграунда и горизонтальный скрол появлялся только при ширине врапера.

Вчера кучу всего перепробовал, ничего не придумал вообще(

Помогите, как такое реализовать?

а у меня уже вошло в привычку, почти на всех сайтах нажимаю ctrl+ЛКМ

А разве колесиком мыши не проще? 

http://akorshun.e3w.ru/01913/

В верхнем меню у подпунктов меняется высота при наведении, из-за того, что появляется рамка.

Фикс, не знаю на сколько он хороший, но я пользуюсь:

Для подпунктов в обычном состоянии пропишите border с цветом бэкграунда, а при наведении просто меняйте цвет бордера. Тогда подпункты не будут прыгать при наведении.

 

Сохраняете ли вы свои решения для стандартных задач в одном месте, что бы в будущем использовать?

Если да, то как вы это делаете? Просто в файлик, вики-страничка, evernote или еще как? Расскажите поподробнее, пожалуйста.

 

github.com

 

С гитхабом не знаком, видимо время познакомиться настало) Если я правильно понял, вы сюда https://gist.github.com/ добавляете? Оно ведь именно для этого?

Всем привет.

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

Каждый раз я вспоминаю где на предыдущих проектах я применял нужный скрипт, ищу этот проект, копирую оттуда скрипт и т.д.

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

Сохраняете ли вы свои решения для стандартных задач в одном месте, что бы в будущем использовать?

Если да, то как вы это делаете? Просто в файлик, вики-страничка, evernote или еще как? Расскажите поподробнее, пожалуйста.

Посоветуйте пожалуйста видео-курсы по Javascript или другие обучающие материалы которые рассказывают ясно чтоб человек который не знает Javascript мог бы понять

https://vk.com/videos-37910751?section=album_46991512 Видео-уроки от Soraxa

Так же на торрентах можно найти видео курс по JS от "Специалиста" "специалист курсы javascript"

Это два самых популярных обучающих видеокурса по JS в рунете)

Вчера столкнулся с проблемой - Firefox не подхватывал иконочный шрифт по абсолютной ссылке, заменил на относительные и всё стало норм. Не вижу проблем в использовании относительных ссылок, если не работают абсолютные. Или я ошибаюсь?

Вот http://thecodeplayer.com/walkthrough/navigation-tabs-with-rounded-out-borders-using-css3 одно из возможных решений.

 

Не по теме, но всё же. Более ужасного файлообменника вы найти не смогли наверное, да? Нельзя ли выложить макет на дропбокс, гугл драйв или яндекс диск?

Вы верно подметили, что вы обращаетесь не по теме.

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

 

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

 

Вот:

 

.input2{

padding:0 10px;

width:314px;

}

а зачем width изменили?

 

Потому что ширина элемента складывается как padding+border+margin+width

Если дописали падинги слева и справа по 10 пикселей, то width нужно уменьшить на 20 пикселей и тогда ширина элемента останется первоначальной)

Добавьте padding-left для инпута.

Не по теме, но всё же. Более ужасного файлообменника вы найти не смогли наверное, да? Нельзя ли выложить макет на дропбокс, гугл драйв или яндекс диск?

Обычно перекрываю псевдоэлементом http://jsfiddle.net/7PC5g/2/, без всяких плясок с маржинами.

Спасибо, буду знать)

Здравствуйте! Подскажите пожалуйста как быть с бордером в данной ситуации? http://jsfiddle.net/kublyakov/7PC5g/1/

В частности, мешают вот эти белые треугольники. Они берутся из-за разного цвета бордера снизу и по бокам.

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

http://help.yandex.ru/webmaster/search-results/site-description.xml

Пропишите в css

#main:after {content: '';display: table;clear: both;}

И почитайте про схлопывание зафлоаченных блоков)

Я бы сделал как-то так: http://jsfiddle.net/kublyakov/jg6HZ/ - лучше дивы, чем <br>, ИМХО.

Но я только учусь, не уверен что мой способ правильный.

какое видео?

Я так понял DivMan про это говорил http://htmlacademy.ru/intensive

у меня есть ихний курс, качество видео очень плохое, без жмурёнок не посмотреть 

Проходил их курс, качество видео отличное. Да и вся суть курсов не в видео, а в работе с наставниками.

Пройдите курс http://htmlacademy.ru/courses/42, поймете основы. Ну и если 100 рублей в месяц не жалко, то еще и http://htmlacademy.ru/courses/57 пройдите)

Только такой костыль придумал сразу http://jsfiddle.net/kublyakov/jpG7g/1/