Как позиционировать элементы на сайте | CSS позиционирование

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 พ.ย. 2024

ความคิดเห็น • 78

  • @Maifun1
    @Maifun1 3 ปีที่แล้ว +17

    Огромнейшее тебе человеческое ЗУР РАХМЭТ!!!! Видео было очень полезным. До этого, просматривал мануалы по верстке, все про позиционирование говорили вскользь. Здесь все четко, лаконично и понятно. Да, тема не раскрыта до мелочей, но база очень хорошая, без которой пиздец как сложно

    • @rah_emil
      @rah_emil 3 ปีที่แล้ว

      Да если до мелочей раскрывать, то видео шло бы больше часа😇
      Я хотел дать общее понимание как можно позиционировать)
      Спасибо!)

  • @имяфамилия-м3й1ч
    @имяфамилия-м3й1ч ปีที่แล้ว

    Ааааааааааа!! Вот оно че. Наконец таки дошло, как пазл в голове собрался. И читала об этом и видео смотрела, нихера не было понятно. А тут прям ИНСАЙТ 👀🤣Спасибо

  • @КонстантинКиселев-ю5т
    @КонстантинКиселев-ю5т 3 ปีที่แล้ว +6

    Вставки Топ👍 Нихуя не понял, но очень интересно..

  • @zzicman
    @zzicman 8 หลายเดือนก่อน

    спасибо, доступным, понятным языком обьяснение)

  • @ZXChaszer
    @ZXChaszer ปีที่แล้ว +1

    Хороший видос, понял то что долго искал и не мог найти. Теперь будет легче позиционировать элементы на начальной стадии изучения))

  • @РианнаГалиева-в8э
    @РианнаГалиева-в8э ปีที่แล้ว +1

    Очень полезная и понятная информация, спасибо!

  • @weekendshow7567
    @weekendshow7567 7 หลายเดือนก่อน

    Хорошее объяснение за 2 минуты❤

  • @miash468
    @miash468 ปีที่แล้ว

    Наконец-то!!!! Не монотонное и скучное видео! Интересно, автору респект, делайте больше видео!

  • @russian_man_76
    @russian_man_76 3 หลายเดือนก่อน

    Простыми словами объяснил. Спасибо! С меня подписка на канал)

  • @Tornado-ln7fq
    @Tornado-ln7fq ปีที่แล้ว +1

    Да что тут размусоливать .
    Margin - применяется для задания отступов блоков div(Элементы которые имеют строго свойства block),они все внешние!
    Padding - применяется для задания отступов внутри блоков,внимания "Контента"(текст,картинка,span элементы).
    Absolute position - Используют для создания элементов ,которые не будет учитываться пересчет размеров на страницы(Кнопка вверх,меню,бап табличка).
    Вот только не кто не придерживается этих правил,от туда и бардак.

  • @Kristylkad
    @Kristylkad ปีที่แล้ว

    Вставки топ 😂 спасибо за видео)

  • @tatyanaorci8483
    @tatyanaorci8483 ปีที่แล้ว

    Огромное человеческое СПАСИБО!!!! Все четко и по делу!

  • @romanpit4you361
    @romanpit4you361 ปีที่แล้ว

    Спасибо большое, да позиционирование не сразу дается. С видео, чутка прояснилась ситуация)

  • @daniillabin7847
    @daniillabin7847 2 หลายเดือนก่อน

    информативно, спасибо.

  • @Den163
    @Den163 ปีที่แล้ว

    Спасибо за объяснение позиционирования, а то я все думал толи лыжи не едут?

  • @cossackcortes
    @cossackcortes ปีที่แล้ว +2

    Я хочу знать CSS и HTML для работы с онлайн-баннерами, фирмы это требуют. Есть ли смысл пройти платный курс Фронтенд (CSS+HTML+Java) или есть путь полегче? Что именно нужно освоить для работы с онлайн-баннерами?

  • @СергейСомов-м8ы
    @СергейСомов-м8ы ปีที่แล้ว

    полезная инфа, спасибо

  • @xhetso
    @xhetso ปีที่แล้ว

    Эхх не написал про Position fixed )) Но видос топ

  • @rustammusapirov9844
    @rustammusapirov9844 ปีที่แล้ว

    Ты красавчик, было полезно брат

  • @mihail_krash
    @mihail_krash ปีที่แล้ว +1

    У меня страница сайта формируется javascript-ом динамически (createElement), и что я только не делал динамический javascript накладывается на блок position: fixed... z-index-ы не помогают, я их в динамике тоже задавал 0, но они все равно накладываются на мой блок position: fixed с максимальным z-index-ом.
    1
    Ответить

  • @Onaity
    @Onaity 3 ปีที่แล้ว +2

    прям в тему брат спасибо

    • @Onaity
      @Onaity 3 ปีที่แล้ว

      @@AVISTV Мелкие вопросы, которые можно найти в гугле, а так) интерес вызывают анимации на js , css , на css более все понятно, но вот js просто как книга на китайском :D А так отличные видео, все очень понятно и с юмором )

  • @РобертГригорян-ч6с
    @РобертГригорян-ч6с ปีที่แล้ว

    Спасибо!

  • @firedemon5791
    @firedemon5791 ปีที่แล้ว +1

    у меня появилась проблема. Я создал div с pos:realtive, а в нем с absolute, для того чтобы наложить картинки друг на друга. после создал еще 1 div (вне прошлого) и он оказался позади первого. Что в этом случае делать?🤔

  • @fuadmamedov800
    @fuadmamedov800 7 หลายเดือนก่อน

    спс огромное!

  • @ShjGaara_
    @ShjGaara_ 9 วันที่ผ่านมา +1

    Что за конструктор ?
    с кодом, кто подскажет ?

  • @killmorgej8431
    @killmorgej8431 2 ปีที่แล้ว

    Спасибо,было интересно и максимально понятно,удачи тебе))))

  • @sofers2069
    @sofers2069 ปีที่แล้ว

    И правда крутой видос

  • @АлександрБырка
    @АлександрБырка 3 ปีที่แล้ว +1

    Доброго времени суток. Хотелось бы увидеть от вас видео по Адаптивному Web дизайну.

    • @rah_emil
      @rah_emil 3 ปีที่แล้ว +1

      Я буду выпускать видео по Figma и некоторым лайфхакам😜

    • @АлександрБырка
      @АлександрБырка 3 ปีที่แล้ว

      @@rah_emil на чистом CSS или при помощи Flex и Grid?

    • @rah_emil
      @rah_emil 3 ปีที่แล้ว

      @@АлександрБырка да конечно)

  • @НикЛ-н7е
    @НикЛ-н7е 2 ปีที่แล้ว

    От души дружище, спас!

  • @Arm888-p8u
    @Arm888-p8u 3 ปีที่แล้ว +1

    Красавчик более понятнее я еще не видел обьеснения .большой стаж у тебя ????#ccs#html.чисто от души тебе !

  • @victoriaromanchik1322
    @victoriaromanchik1322 2 ปีที่แล้ว

    Самое подробное объяснение z-index!!!

    • @victoriaromanchik1322
      @victoriaromanchik1322 2 ปีที่แล้ว

      @@AVISTV без)) нигде не видела, чтобы его объясняли в связке с position, спасибо!

    • @victoriaromanchik1322
      @victoriaromanchik1322 2 ปีที่แล้ว

      @@AVISTV эт мы все тут знаем) что нашли золотого человека )) спасибо, правда

  • @zoff4507
    @zoff4507 2 ปีที่แล้ว +1

    Я не услышал, но вроде ты не сказал что absolute клеится либо к глобальному окну, либо к родителю

  • @Israel3272-u9v
    @Israel3272-u9v ปีที่แล้ว

    Что значит ощущается на странице?! с абсолютным позиционированием блок выпадает из DOM дерева элементов

  • @Antkeeper-c6t
    @Antkeeper-c6t 2 ปีที่แล้ว

    Помог, большое спасибо!

  • @vladyslavmaslovskyi2510
    @vladyslavmaslovskyi2510 2 ปีที่แล้ว

    За папаню лайк

  • @СвітланаСвінцицька-е6э
    @СвітланаСвінцицька-е6э ปีที่แล้ว

    Спасибо большое за видео! Скажите, пожалуйста, можно ли позиционировать элементы не с помощью relative и absolute, а чего-то другого, более адаптивного? А то у меня получается прямо так, как вы и сказали: когда выбираю другой гаджет, то что задано с помощью relative и absolute плывет. Не могу найти инфо, как это исправить или чем заменить. Один из примеров, где я применила position relative и absolute, это заголовок (position relative), в котором под некоторыми словами идет подчеркивание, как мазок кистью (position absolute). Подскажите, пожалуйста, как быть.

  • @MichaelKrasko-zi1db
    @MichaelKrasko-zi1db 2 ปีที่แล้ว

    Спасибо, было полезно!

  • @Lear_isteri4ka
    @Lear_isteri4ka 2 ปีที่แล้ว

    На сайте нельзя располагать 2 и более релетива? Если можно тогда как идет их порядок? У меня путается все))

  • @TarasAndriutsa
    @TarasAndriutsa 2 ปีที่แล้ว

    Позишн релатив = позизионирование согласно родителя ,это понятно(нет). Он что принимает координаты родителя? Или становится рядышком?? Я видел как создаются сложные конструкции благодаря этому тегу,но что он именно означает я так и не смог понять. Может ты мне "разжуешь" этот вопрос?=)

  • @veryxcc
    @veryxcc ปีที่แล้ว +2

    Это нормально если я вот учу месяца 2 html и css и верстаю уже впринцыпи знаю что как но получается чучуть кривовато на адптиве

    • @JeroenMarsh
      @JeroenMarsh 8 หลายเดือนก่อน

      гриды и флексы учи

  • @sladkaia_vita3864
    @sladkaia_vita3864 ปีที่แล้ว

    А что с флекбоксами Карл?

  • @13babyearth
    @13babyearth ปีที่แล้ว

    Некоторое понимание пришло

  • @ВсемСалам-п1ш
    @ВсемСалам-п1ш 2 ปีที่แล้ว

    Как по центру всё это размещать? Где тут место для flexов?

  • @СергейГуселетов-е5щ
    @СергейГуселетов-е5щ 2 ปีที่แล้ว

    здорово, спасибо

  • @etozheid
    @etozheid 2 ปีที่แล้ว

    Привет, у меня проблема: сверстал header, а при масштабировании он съезжает по горизонту вправо, при этом контейнер указан в пределах интро.

  • @aleksandrzanachkin2601
    @aleksandrzanachkin2601 2 ปีที่แล้ว +1

    а что будет если два аблослютных будут друг за другом? или относительных, а если внутри или разные, не понятно логика их поведения. Во всех видео просто набор примеров.

  • @404piano
    @404piano 3 ปีที่แล้ว +1

    я не умею позиционировать и из-за этого не люблю верстать, а больше пишу логику. Не понимаю, почему в 2021 году до сих пор нет каких-нибудь инструментов, где ты как в фигме перетаскиваешь и растягиваешь компоненты, а тебе уже код готовый дают

    • @ВладимирВладимир-ы8е
      @ВладимирВладимир-ы8е 3 ปีที่แล้ว

      вёрстка куда логичнее чем к примеру js с своими функциями. php пайтон понятные а жаскрипт мне очень не нравится,

    • @alexdreamer11
      @alexdreamer11 3 ปีที่แล้ว +1

      полно конструкторов, начиная с тильды и так далее, только расставляй блоки как нравиться и сайт готов

    • @alexdreamer11
      @alexdreamer11 3 ปีที่แล้ว +1

      @@AVISTV Фу не фу, а миллионы сайтов на конструкторах сделаны и куча разработчиков сайтов html и css ни когда в глаза не видели.

    • @alexdreamer11
      @alexdreamer11 3 ปีที่แล้ว

      @@AVISTV Автору топика проблемно писать код, поэтому он спрашивал про альтернативу. Например тебе нужна куртка, от модного ателье за хуильон будет сидеть как влитая, вопрос нужна ли ему такая или лучше с рынка китайскую взять и она будет выполнять те же функции. А вообще это вопрос халиварный

  • @Nirvana_original
    @Nirvana_original ปีที่แล้ว

    Я суровно не понял. Мне нужно чтоб в виде кода объяснили походу. Вот просто как мне разместить кнопку сверху-справо спомосщь css. По центру и посередине справо

    • @AVISTV
      @AVISTV  ปีที่แล้ว

      У меня есть другие практические уроки)
      Рекомендую курс, где мы делаем UI библиотеку

    • @JeroenMarsh
      @JeroenMarsh 8 หลายเดือนก่อน

      position: absolute;
      top:
      left:
      Играй с топом и лефтом пока не устроит

    • @Nirvana_original
      @Nirvana_original 8 หลายเดือนก่อน

      @@JeroenMarsh я так и делаю, но при малейшем изменении сайта (будь то разрешение,телефон,планшет) всё идёт по пизде. Поэтому надо что то другие

  • @mst9301
    @mst9301 3 ปีที่แล้ว

    вопрос не по теме, как загрузить псд макет который открывается в фотошопе в фигму?

    • @rah_emil
      @rah_emil 3 ปีที่แล้ว +1

      Абсолютно не по теме🤣
      Насколько МНЕ известно - никак. Поищи на всякий инфу в интернете, как любой нормальный человек)))

  • @HackerokPRO
    @HackerokPRO 10 หลายเดือนก่อน

    Чувак ну просто нереально смотреть, зачем ты эту басуху на фон поставил!

    • @AVISTV
      @AVISTV  10 หลายเดือนก่อน

      Потом сделал тише, в новых видосах)))

  • @КонстантинКиселев-ю5т
    @КонстантинКиселев-ю5т 3 ปีที่แล้ว

    Объясни, пожалуйста, Я начинающий недо - верстальщик. Верстаю блоки. Хедер, слева сайд, контент. Ставлю обтекание через флоат и в блоке контент вводу два предложения и футер прижимает блок контент, хотя надо чтобы он был внизу страницы. Плиз помоги, с меня подписка, лайк и что ещё пожелаешь ...☝️

  • @ВолодимирКостенко-ф6з
    @ВолодимирКостенко-ф6з ปีที่แล้ว

    Спасибо , но как размещать обьекты так и не обьяснил

  • @Володимиркарпюк-у9я
    @Володимиркарпюк-у9я ปีที่แล้ว

    я гашусь в туз з обезянками мне ставить div?

    • @JeroenMarsh
      @JeroenMarsh 8 หลายเดือนก่อน

      с классом monkey__ochko

  • @alexdreamer11
    @alexdreamer11 3 ปีที่แล้ว +1

    Забыл про fixed и sticky рассказать

  • @angelinahoritonova5642
    @angelinahoritonova5642 ปีที่แล้ว

    Я как полный новичок вообще ничего не поняла 😢

  • @dogvscatfunny9956
    @dogvscatfunny9956 7 หลายเดือนก่อน

    Это всегда легко на подобных примерах показывать,на деле это не работает,контент смещается по не понятным причинам,а если это будет фоновая картина тогда все будет очень сложно.

  • @A_A_A182
    @A_A_A182 2 ปีที่แล้ว

    Вещи делаешь

  • @official_royce
    @official_royce 11 หลายเดือนก่อน

    видео без практики жаль

  • @RobMel-u2n
    @RobMel-u2n ปีที่แล้ว

    Ниче не понял

    • @AVISTV
      @AVISTV  ปีที่แล้ว

      Жаль