169 похожих чатов

Привет. ребята подскажите пжл, как класс tell сдвинуть по макету

вправо,там где курсор?

40 ответов

18 просмотров
Талгат- Автор вопроса

transform: tranlateX() right: -...

Талгат
screenshot

margin задай

тут нужно правильно верстать блочную модель. Блоку левому от телефона задать ширину и от него сделать margin-right Либо flex / grid с gap

Талгат- Автор вопроса
🇰🇿 Alexei Karikov
тут нужно правильно верстать блочную модель. Блоку...

напишите пжл ваш вариант, а то так не понятно

Талгат
напишите пжл ваш вариант, а то так не понятно

Тебе подсказать или за тебя сделать?* уточни

у тебя здесь все вне блока, внутри .block и лого и телефон и социалки. у тебя левая и правая часть не обернуты в блок

оставь лого, а другие правые оберни в блок, задай нужную ширину им. и отступ от лого сделай

Талгат- Автор вопроса
🇰🇿 Alexei Karikov
тут нужно правильно верстать блочную модель. Блоку...

что такое левый блок? от него слева, это ссылка, его надо обернуть в блок <div>?

у тебя должно быть два блока, лого и остальное

🇰🇿 Alexei Karikov
screenshot у тебя должно быть два блока, лого и остальное

Чувак,не знаешь с каким кодом уравнять их

Oxygen
Не помогло

так ты грид юзаешь, конечно)

Oxygen
А ,в чём проблема гридов?

в том, что это ~точечная вёрстка

Oxygen
screenshot Чувак,не знаешь с каким кодом уравнять их

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout

Талгат- Автор вопроса
🇰🇿 Alexei Karikov
screenshot у тебя должно быть два блока, лого и остальное

в идеале мне казалось, что надо class="logo" обернуть в <div>, затем ссылку с классом tel обернуть в <div>. но это чисто для удобства ведь? flexbox все равно ведь, что div, что тэг <a> рассматривает как отдельные элементы внутри контейнера?

Талгат
в идеале мне казалось, что надо class="logo" оберн...

разницы нет, просто так правильно. Чтоб лого задать ширину, чтоб телефон был на нужном расстоянии всегда от лого

Талгат
в идеале мне казалось, что надо class="logo" оберн...

задаешь так ширину и всё, в чём проблема. Если это пп верстка

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

Талгат- Автор вопроса
🇰🇿 Alexei Karikov
screenshot у тебя должно быть два блока, лого и остальное

а разделить на два блока это получается упрощенный вариант?

Талгат
а разделить на два блока это получается упрощенный...

куда проще, чем каждому задавать ширину и анонировать рукой над пикселями каждому айтему

Талгат
что такое пп верстка?

перфект пиксель верстка

Да

Талгат- Автор вопроса
🇰🇿 Alexei Karikov
перфект пиксель верстка

да это пиксель перфект, но это также адаптивная верстка, получается нужно это в процентах? а что если задать каждому элементу flex-basis?

Oxygen
Да

Сделай общий блок флексом дай Flex-direction column i flex-grow 1

Талгат
да это пиксель перфект, но это также адаптивная ве...

да как угодно. просто задай им ту ширину, чтоб совпадало

Талгат- Автор вопроса
🇰🇿 Alexei Karikov
да как угодно. просто задай им ту ширину, чтоб сов...

Спасибо. Отдельный файлик создам, там потренируюсь

Oxygen
Да

аналогичный с flex

Oxygen
screenshot Теперь,он не такой как в макете

потому что у тебя грид сетка

🇰🇿 Alexei Karikov
потому что у тебя грид сетка

ты не исправишь так. только если с шириной играться. либо переделать на флекс

🇰🇿 Alexei Karikov
ты не исправишь так. только если с шириной игратьс...

Тоесть,либо переписывать блок под флекс,либо забить?

Oxygen
screenshot Теперь,он не такой как в макете

скинь исходник, попробую сделать с грид

🇰🇿 Alexei Karikov
скинь исходник, попробую сделать с грид

Через кодпен?я в телеграмме, через телефон сижу,просто.

Похожие вопросы

Обсуждают сегодня

Здравствуйте, вопрос по структурам данных. Были у вас случаи, когда пришлось писать деревья или двунаправленные списки?
/ /
48
Всем привет! Скажите, никто не пытался уменьшить размер процесса ssl, которые ассоциируется с открытым соединением (не помню точное название этого процесса, но там была какая-...
Алексей
20
а проверьте, собирается ли у кого сейчас транк лазаря через делюкс? у меня вот: fpcupdeluxe: info: Lazarus Native Installer (BuildModuleCustom: UserIDE): LazBuild: building Us...
Iluha Companets
20
This is a big issue. Just by being a citizen of a country, you are denied to contribute to Open Source software: https://youtu.be/L5Ec5jrpLVk?si=1iIuHnMPbCB4anV-
Sharuzzaman Ahmat Raslan
72
Мне тут приспичило встроить в программу форматировние текста SQL, расставить переносы строк и отступы так, чтобы лучше читалось. Я что-то свое изобразил, оно после ключевых сл...
Sergey Bodrov
11
добрый день. возможно ли изменить цвет окон лазаруса? Как?
Budemposmotret
35
Господа, а кто-нибудь сталкивался с размещением на TTabControl/TTabSheet множества контролов (> 100) с последующими External: Access violation? Вот буквально на ровном месте. ...
Dmitry
29
А какие существуют способы обработки ошибок выделения памяти в ядре? Т.е., допустим, есть функция, которая возвращает адрес свободной страницы в физической памяти и диапазон в...
disba1ancer
51
Добрый день. Опять снова хочу обратиться к вам за помощью. После создания проэкта stack new, lazy.nvim + nvim-lspconfig/haskell-tools + hlint, ormolu из mason + hls из ghcup ...
Nannk
8
Does anyone have some zeroday's left?
Wito!d ♥️🩷
44
Карта сайта