Рекомендованные сообщения

Добрый день я вот только осваиваю верстку, начал делать данный макет и меня интересует левый блок там где чемоданчик и вертикальный текс, я его выровнял падингом и центровал line-height ом (сам левый блок"Белый" и правый "Blow" сделал флексом)

Какие методы более правильные в данной задаче

Безымянный.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
18 минут назад, Nemesis сказал:

Какие методы более правильные в данной задаче

Здравствуйте.

А в чём суть вопроса? Какой ожидается результат?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

суть в том что я использовал падинг и line-height для выравнивания текста и картинку подвинул с помощью падингов , я считаю что это не лучший вариант решения данной задачи , поэтому и спрашиваю у более опытных верстальщиков как "правильно"

Хочу научиться верстать а не "говнокодить"

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

песочница это ресурс на котором вы могли бы посмотреть код ?)

.left {
    background: white;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 122px;
    overflow: hidden;
}

.dirtbag {
    padding-top: 400px;
    padding-left: 39px;
}

p {
    writing-mode: tb-rl;
    transform: rotate(-180deg);
    line-height: 121px;
       font-size: 25px;
       padding-bottom: 400px;
   }
 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
2 минуты назад, Nemesis сказал:

песочница это ресурс на котором вы могли бы посмотреть код ?)

Да.

Цитата

Примеры
Выкладывайте свой код в качестве готового примера, используя среду веб-разработки в браузере: jsfiddle.netcodepen.iocssdeck.compastebin.com. Результат вставляйте как iframe. Это позволит сразу увидеть результат и код, легче и быстрей понять как работает код и в чём проблема.

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Статистика пользователей

    46 176
    Всего пользователей
    3 128
    Рекорд онлайна
    argotel
    Новый пользователь
    argotel
    Регистрация
  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.



  • Спрашивают сейчас

  • Пишут сейчас

    • Здравствуйте, предлагаем наши услуги хостинга с защитой от DDOS и без защиты
      Мы рады предложить Вам наш хостинг argotel.ru
      Стабильность, качество, виртуальное гостеприимство – это наш конек. Используем гибкие условия, для максимального комфорта – мощные серверные процессоры, SSD диски, защита от DDOS.
      Мы предоставляем тестовый период, есть возможность moneyback.
      Подберем тарифы индивидуально под каждого, выделим IP любого количества.
      Базовое администрирование бесплатно, для каждого клиента! Защищенные тарифные планы:
      Тариф Минимальный: 1 x (2.6 GHz*), RAM 512 МБ, SSD 10 ГБ, защита от DDOS - 390 руб/м
      Тариф Стандарт: 2 x (2.6 GHz*), RAM 1024 МБ, SSD 15 ГБ, защита от DDOS - 459 руб/м
      Тариф Стандарт+: 3 x (2.6 GHz*), RAM 2048 МБ, SSD 30 ГБ, защита от DDOS - 710 руб/м
      Мощные тарифы с защитой от DDOS:
      Тариф MAX1: 4 x (2.60 GHz*), RAM 4 ГБ, SSD 120 ГБ, защита от DDOS - 1850 руб/м
      Тариф MAX2: 6 x (2.60 GHz*), RAM 6 ГБ, SSD 180 ГБ, защита от DDOS - 2499 руб/м
      Тариф MAX3: 8 x (2.60 GHz*), RAM 10 ГБ, SSD 240 ГБ, защита от DDOS - 3799 руб/м Незащищенные тарифные планы:
      Тариф Меркурий: 2 x (2.7 GHz*) , RAM 1024 МБ , SSD 30 ГБ - 349 руб/м
      Тариф Марс: 3 x (2.7 GHz*) , RAM 3072 МБ , SSD 40 ГБ - 600 руб/м
      Тариф Юпитер: 4 x (2.7 GHz*) , RAM 8192 МБ , SSD 50 ГБ - 950 руб/м
      Ссылка на тарифную сетку: прямая ссылка на тарифы Подойдет под прокси, VPN, парсинг и другие приложения. Размещение в Москве, но будете приятно удивлены сюрпризом для прокси и VPN.
      Кроме этого, дарим скидку 50% на любой сервер VPS/VDS, на первый месяц для новых клиентов.[
      Промокод: ARGOTEL-NEW Промо-акция оплати сервер VDS/VPS за 6 месяцев, получи + 6 месяцев в подарок.
      Улучшили связность в СНГ на тарифах: Меркурий, Марс, Юпитер. По необходимости, можно добавить большие подсети на сервера /24-/21
      Принимаем: Без. расчет , Яндекс, Webmoney, BTC, Paypal, Qiwi , Visa-Mastercard-Мир. Email: info@argotel.ru, Telegram: @infosaleargotel
      Сайт: https://argotel.ru
    • Если это сайт не какой-то существующей компании, у которой уже есть логотип, а сайт сам в себе, или же компания создаётся вместе с сайтом, то, мне кажется, цвета сайта ни под что можно не подгонять, а наоборот подогнать логотип под сайт. Добавить логотип в вёрстку — это же не проблема, если только у него не окажутся совсем странные размеры, типа 500x20, а там уже место под меню размечено.
    • когда начинаете тащить свой блок внутри родителя вы должны знать: координаты блока (top,left) и размеры блока (width,height) и родителя (parent_width,parent_height)
      зная эти данные вы можете вычислить left+width<=parent_width и top+height<=parent_height
      а также left>=0 и top>=0
      если left или top меньше 0, то принудительно выставляете его в 0
      аналогично для параметров больше parent_width  и parent_height
  • Лучшие авторы