Alex777-777

Спасибо, вопрос закрыт

Все привет. Использую bootstrap 3, хотя это наверно и не существенно. Необходимо сделать, чтобы у активных кнопок внизу был указатель, как на картинке. Кнопка любого цвета с любой границей, с иконками и текстом. Но проблема именно с треугольником внизу у активной кнопки. Не знаю, как к этому подступиться. Толкните в нужном направлении, спасибо.

Спасибо всем откликнувшимся. Все, что нужно - сделал. Теперь буду разбираться для себя в остальном, так как данный случай частный и работает только в рамках темы вордпресс. Делал через вложенные DIV, картинки вправо/влево через float, позиционирование через margin. Так как сайт для внутреннего пользования - проверил на используемых браузерах/планшетах/смартфонах - все в пределах нормы.

А в чем проблема с lynda.com? IMHO очень приличные курсы с четкой градацией, основы, концепция, специализация, то есть без воды. PS. Курс Андрея Бернацкого гляну, спасибо.

Это для меня слишком нудно. Я новичок только в CSS. С html, php, MySQL лет 15 назад немного игрался. А так большой опыт программирования, правда не WEB. А с видеокурсов я выбрал lynda.com (CSS: Page Layouts; CSS: Core Concepts: CSS Positioning Best Practices); tutsplus (CSS Tips & Tricks); Video2Brain (Exploring CSS Positioning). У меня не стоит задача стать верстальщиком, мне только необходимо добавить стили в тему вордпресс, чтобы я мог оформить страницу/пост как мне нужно. До этой проблемы, я справлялся. Но с макетом, как я привел в начале темы, с налета у меня ничего не вышло. Сейчас я посмотрел на задачу с другого ракурса. Не как разместить картинки с надписью у хвоста картинки, а разместить блок с текстом прижатым к низу, а картинка справа (или слева). Пока что не вижу как правый и левый блоки сделать перекрывающимися. Но я только начал разбираться В любом случае спасибо за совет.

Смотрел, слишком много воды. Я выбрал Learning Web Design, 4th Edition "A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics" By Jennifer Robbins. Тоже есть вода, но на английском я ее не так замечаю, плюс книга в epub, легко читать на планшете. А в видеокурсах на мониторе я могу больше рассмотреть, чем на иллюстрациях в книгах и их можно смотреть в фоне.

расставляйте блоки через позиционирование.Самый быстрый вариант и работающий. Обертке position: relative; Внутренним объектам position: absolute; Дальше уже двигайте как надо. Для мобильных и т.п. для нужных разрешений через Медиа Запросы меняйте позиции или убираете position: absolute; и они должны будут друг под другом встать. Спасибо, понял куда копать. Нашел несколько книжек, также спасибо lynda.com, tutsplus и video2brain за отличные видеокурсы. Есть чем заняться на выходные

Спасибо. Если с SQL, OLAP и многим другим разобрался, то и с DIV и их выравниванием разберусь,

За меня делать не нужно. Просто учитывая сжатые сроки, надеялся, что получу ответ типа, да правильно, копай DIV, или с DIV ничего не выйдет, копай другое.

Я наверное неправильно спросил и мне стали предлагать, как нарисовать овал со стрелочкой. Вопрос другой, такие картинки на прозрачном фоне уже есть, и текст к каждой картинке задан. Задача как минимум, расположить их в таком порядке, текст напротив хвостика, а картинки слева-справа с перекрытием, как я нарисовал. Задача как максимум, дополнительно, чтобы с переходом на портрет (смарт/планшет) картинки становились одна под другой, а текст возле хвостика, то есть картинки сдвинулись вместе с текстом. Пока мои скудные знания говорят, что нужно копать вложенные DIV.

Всем привет, Мне приходится работать с вордпресом, так небольшие работы, поправить текст, вставить картинки и т.д. Но сейчас возникла неотложная необходимость не просто вставить текст с картинками, а разместить их в определенном порядке. Как на прилагаемой картинке Подскажите, куда копать, какие методы использовать? Спасибо.