Jump to content

kartopelka

Newbie
  • Posts

    20
  • Joined

  • Last visited

Information

  • Sex
    мужской

Recent Profile Visitors

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

kartopelka's Achievements

Explorer

Explorer (1/14)

0

Reputation

  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. Здраствуйте! Есть форма отправки письма на почту. Как можно ее поставить именно в центр.Пробовал text-aligh:center; для div ,но только текст ставится в центр , а не форма Код https://jsfiddle.net/RedSniper/b157q0xp/
  7. https://jsfiddle.net/RedSniper/Lgjdqprc/ Как сделать,чтобы в адаптивной версии текст тоже менялся?
  8. Здраствуйте!Делаю адаптацию сайта и текст уходит в право когда все елементы слева.Пробывал margin:0; и все равно текст остается с права
  9. Это 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; }
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy