kartopelka

Newbie
  • Content count

    20
  • Joined

  • Last visited

Community Reputation

0 Обычная

About kartopelka

  • Rank
    Новичок

Information

  • Sex
    мужской

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Проблема следующая Как должно быть: И как сейчасЧерез флексы сделал эту картинку , но незнаю как выровнять стрелочки по центру картинки.А также в самом низу как через флексы попробовал , что-то не совсем хорошо получилось.Код https://jsfiddle.net/RedSniper/4rzm0pjf/2/ ,картинки не получилось загрузить.
  2. Как выровнять один елемент с лева, второй по центру , а третий и четвертый справа.Сейчас ситуация такая А нужно чтобы было так Код https://jsfiddle.net/RedSniper/j9s0bg2k/ Думаю , если стрелочки были не одной фоткой они бы стали как на картинке.Нужно , как-то с помощью флексов так сделать.
  3. Как реализовать вместе и две совмещеных картинки и блок текста Короче ситуация следующая а нужно ,чтоб было так У меня есть две картинки одна прямоугольник серого цвета и вторая треугольник розового цвета.Пробовал сделать через надания треугольнику position relative;right:0; bottom: 0; а прямоугольнику display: flex; position: relative; Если у меня получалось их обьеденить , то только когда блоку текста прописывал display:flex;И тогда получалось следующее Если кто-то знает как сделать напишите пожалуйста.Я хотел скинуть код ,но в jsfiddle ,картинки не куда загружать.
  4. Как сделать , чтоб при уменьшении екрана , список не сжимался?Код https://jsfiddle.net/RedSniper/7nx6sf2v/3/ При 1920*1080 выглядит нормально, но при маштабировании +10 процентов сжимается и получается не красиво.Можно как-то его зафиксировать ,чтоб он не менялся до размеров телефона?
  5. Спасибо большое!
  6. Я хочу чтоб колонка была именно по центру,тоесть влева отступ и сверху отступ.Не подскажите как это можно реализовать?
  7. Здраствуйте! Есть форма отправки письма на почту. Как можно ее поставить именно в центр.Пробовал text-aligh:center; для div ,но только текст ставится в центр , а не форма Код https://jsfiddle.net/RedSniper/b157q0xp/
  8. Спасибо большое
  9. Да правильно понимаете
  10. https://jsfiddle.net/RedSniper/Lgjdqprc/ Как сделать,чтобы в адаптивной версии текст тоже менялся?
  11. Здраствуйте!Делаю адаптацию сайта и текст уходит в право когда все елементы слева.Пробывал margin:0; и все равно текст остается с права
  12. Это html <li><a href="#">Текст</a> <ul> <li><a href="#"</a>Просто Текст</li> <li><a href="#">Просто Текст</a></li> <li><a href="#">Просто Текст</a></li> <li><a href="#">Просто Текст</a></li> <li><a href="#" >Просто Текст</a></li> </ul> </li> Это стили ul { list-style: none; /*убираем маркеры списка*/ margin: 0; /*убираем отступы*/ padding-left: 0; /*убираем отступы*/ margin-top:25px; /*делаем отступ сверху*/ font-family: 'Slabo 27px', serif; height: 50px; /*задаем высоту*/ } a { text-decoration: none; /*убираем подчеркивание текста ссылок*/ color:#fff; /*меняем цвет ссылок*/ padding:0px 15px; /*добавляем отступ*/ font-family: arial; /*меняем шрифт*/ line-height:50px; /*ровняем меню по вертикали*/ display: block; /*добавляем бордюр справа*/ -moz-transition: all 0.3s 0.01s ease; /*делаем плавный переход*/ -o-transition: all 0.3s 0.01s ease; -webkit-transition: all 0.3s 0.01s ease; } a:hover { background:#D43737;/*добавляем эффект при наведении*/ } li { float:left; /*Размещаем список горизонтально для реализации меню*/ position:relative; /*задаем позицию для позиционирования*/ } /*Стили для скрытого выпадающего меню*/ li > ul { position:absolute; top:25px; display:none; } /*Делаем скрытую часть видимой*/ li:hover > ul { width:2000px; /*Задаем ширину выпадающего меню*/ } li:hover > ul > li { float:none; /*Убираем горизонтальное позиционирование*/ } div{ margin-top:500px; /*Делаем отступ текста вниз*/ margin-left: 767px;/*Делаем отступ текста влево*/ font-size: 60px;/*Задаем размер текста*/ color:#fff;/*меняем цвет текста*/ font-family: 'Anton', sans-serif;/*подключаем шрифт*/ } p{ color:#fff;/*меняем цвет текста*/ font-family: 'Slabo 27px', serif;/*подключаем шрифт*/ margin-top:50px;/*Делаем отступ текста вниз*/ margin-left: 860px;/*Делаем отступ текста влево*/ font-size: 30px;/*Задаем размер текста*/ } li{ margin-right: 200px; font-family: 'Slabo 27px', serif; font-size: 26px; }