HTML, CSS

Форум программистов и сисадминов Киберфорум

Войти

Регистрация
Восстановить пароль

Другие темы раздела
HTML, CSS CSS фоновая картинка https://www.cyberforum.ru/ html/ thread1550417.html Доброго времени суток. Допустим есть такая картинка: как цветы (все лишнее вырежу) сделать фоном в шапке как здесь ?	Правильное использование высоты HTML, CSS Всем привет! Свертал макет страницы. Всё ОК, кроме расположения футера. Дело в том, что у него стоит фиксированная ширина. И при изменении количества товаров, он остаётся на своём месте. А может быть даже так, что получится каша из футера и товаров. Подскажите, пожалуйста, как это исправить? У меня всегда были проблемы с позиционированием блоков... Для удобства скину все файлы. Спасибо...
HTML, CSS Вёрстка по PSD макету Здравствуйте. Мне очень быстро нужно сделать страницу по PSD макету, только сверстать с HTML и СSS. В принципе всё понятно кроме пару деталей. 1. Как сделать сделать картинки с изображением авторов статей и имя фамилия. 2. Как сделать картинки с переходами на соц сети. Настраивать ссылки мне не нужно, мне нужно просто свртать страницу. 3. И как сделать внизу панель с листанием страниц? В... https://www.cyberforum.ru/ html/ thread1550274.html	HTML, CSS Прыгает ширина меню при наведении Как избавиться от прыжков ширины родительского элемента при изменении font-weight: bold у дочернего при наведении https://www.cyberforum.ru/ html/ thread1550250.html
HTML, CSS Центровка текста внутри блока Здравствуйте! Имеется табличка с div, внутри текст. Не получается выровнять текст по центру по вертикали. Помогите исправить <style> #test { display: inline-block; width: auto; height: 50px; padding: 0 20px; box-sizing: border-box; text-align: center;	HTML, CSS Реализовать фон сайта с использованием средств CSS https://www.cyberforum.ru/ html/ thread1550029.html Доброго времени суток. Подскажите, пожалуйста, ссылку на хороший материал о том, как реализовать фон сайта с помощью CSS. Я только начал изучать каскадную таблицу стилей и пока не особо ориентируюсь, хотя удобство по сравнению с тем, что бы не захламлять html код, юзая style.css, ощутимо сразу. Или может кто-то поможет здесь? По сути у меня есть текстура (листок в клеточку) и мне нужно...
HTML, CSS Выпадающее меню css по центру Здравствуйте. Помогите, пожалуйста. Не получается сделать выпадающее меню по центру. #nav{ float:left; width:100%; list-style:none; margin-bottom:10px; white-space:nowrap; position:relative; https://www.cyberforum.ru/ html/ thread1549958.html	HTML, CSS Обтекание div У меня есть 7 изображений, одно - большое, другие 6 - как 1/3 большого.Как сделать так, чтобы эти 6 как бы обтекали большое по бокам? м_м мбм м_м
HTML, CSS Не полная адаптивность шаблона https://www.cyberforum.ru/ html/ thread1549665.html Здравствуйте. Имеется довольно интересный шаблон Но дело в том, что он не совсем адаптивен. Вот как это выглядит. Кто может помочь решить данную проблему?	HTML, CSS Inline-block с новой строки/позиционирование Доброго времени суток! Есть 4 дива, один - общий, главный для всех. Остальные три - 3 разных класса для div со стилем display: inline-block; Подскажите, как мне сделать, чтобы: 1) див'ы разных классов размещались с новой строки? 2) главный div был по центру страницы, а внутренние относительно него? https://www.cyberforum.ru/ html/ thread1549606.html
Эффекты появления HTML, CSS Добрый день. Каким образом можно реализовать эффект увеличения и уменьшения модального окна из кнопки? Как это сделано на https://pochta.ru/#promo Копирование стилей нужного эффекта не дает :wall:	HTML, CSS Позиционирование блоков Здравствуйте, есть два блока по 50%, я делаю адаптивный макет, мне надо в эти блоки вставить картинку и блок с названием и ценой, для того что-бы наложить цену и название на картинку я использую position absolute. Но проблема в том, что у меня не получается задать position relative родителю, потому-что если даже задать, у него нету высоты и блок как бы не раскрывается, а картинка видна. ... https://www.cyberforum.ru/ html/ thread1549414.html

Vadim_Lasso

433 / 352 / 259

Регистрация: 29.11.2011

Сообщений: 628

12.10.2015, 19:31

Стрелка в блоке - HTML, CSS - Ответ 8185543

12.10.2015, 19:31. Показов 3788. Ответов 4

Метки (Все метки)

Сообщение было отмечено Sn1k3rS как решение

Решение

Можно через свойство clip-path, например так https://jsfiddle.net/ms3mb6L4/9/

HTML5

1
2
3

<div class="wrap">
    <img src="https://churchmag.press/wp-content/uploads/2015/03/Easter-Social-Media-Kit-Banner-Site.jpeg" />
</div>

CSS

.wrap {
  position: relative;
  overflow: hidden;
  width: 90%;
  height:350px;
  margin: 0 auto;
  background-color:#fff;
}
.wrap img {
  width: 100%;
  height: auto;
  display: block;
}
 
 
img {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 63% 100%, 49% 79%, 35% 100%, 0 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 63% 100%, 49% 79%, 35% 100%, 0 100%);
}

или https://jsfiddle.net/ms3mb6L4/6/

HTML5

1
2
3

<div class="wrap">
    <img src="https://churchmag.press/wp-content/uploads/2015/03/Easter-Social-Media-Kit-Banner-Site.jpeg" />
</div>

CSS

.wrap {
  position: relative;
  overflow: hidden;
  width: 90%;
  height:350px;
  margin: 0 auto;
  background-color:#fff;
}
.wrap img {
  width: 100%;
  height: auto;
  display: block;
}
 
 
img {
    -webkit-clip-path: polygon(0 100%, 0 0, 44% 0, 50% 9%, 56% 0, 100% 0, 100% 100%);
    clip-path: polygon(0 100%, 0 0, 44% 0, 50% 9%, 56% 0, 100% 0, 100% 100%);
}

Вернуться к обсуждению:
Стрелка в блоке HTML, CSS

Следующий ответ

Заказать работу у эксперта

Programming

Эксперт

94731 / 64177 / 26122

Регистрация: 12.04.2006

Сообщений: 116,782

12.10.2015, 19:31

Готовые ответы и решения:

Какова вероятность, что у стрелка А попаданий будет на одно больше, чем у стрелка Б?
Доброго времени суток всем! Есть задача: "Стрелки А и Б попадают каждый в свою мишень с...

Написание простого скрипта (Стрелка влево\стрелка вправо)
Если кому-нибудь это не сложно, написать скрипт, который в активном окне нажимает поочередно...

Три стрелка стреляют по цели.Вероятность попадания в цель для первого стрелка равна 0,7,для второго - 0,8,для третьего - 0,9
Три стрелка стреляют по цели.Вероятность попадания в цель для первого стрелка равна 0,7,для второго...

Нажимая "стрелка влево", "стрелка вправо" превращать строку в столбец по или против часовой стрелке
Вывести на экран строку из 10 любых символов. Нажимая "стрелка влево", "стрелка вправо" превращать...

	12.10.2015, 19:31

IT_Exp

Эксперт

87844 / 49110 / 22898

Регистрация: 17.06.2006

Сообщений: 92,604

12.10.2015, 19:31

Помогаю со студенческими работами здесь

Изменение в одном блоке при нажатии в другом блоке
Скажите возможно ли с помощью CSS или HTML(что мало вероятно) сделать так чтобы если я...

На экране изобразить стрелу и шар. Организовать управление стрелой, для попадания в шар знаками "стрелка влево", "стрелка вправо"
На экране изобразить стрелу и шар. Организовать управление стрелой, для попадания в шар знаками...

Перехват клавиш "стрелка влево" и "стрелка вправо"
Подскажите, как перехватывать клавишу СТРЕЛКА ВЛЕВО и ВПРАВО. Не разбираюсь в KeyPress, смог...

Стрелка
Как нарисовать стрелку точно такую же как на клаве VK_LEFT и отключить клавиши VK_UP И VK_DOWN

Наверх