Size: a a a

HTML/CSS — русскоговорящее сообщество

2020 July 28

VL

Valerii Leontiev in HTML/CSS — русскоговорящее сообщество
Vitaliy Kirenkov
ну елки -))
а, эти
А ширину абсолютно прописать им? типа будет класс spacer и у него width: Npx?
И как это все по центру разместить, если мое предыдущее предположение неверно?
источник

VK

Vitaliy Kirenkov in HTML/CSS — русскоговорящее сообщество
Valerii Leontiev
а, эти
А ширину абсолютно прописать им? типа будет класс spacer и у него width: Npx?
И как это все по центру разместить, если мое предыдущее предположение неверно?
ешь слона по частям...
источник

ZA

Zahar Avsievich in HTML/CSS — русскоговорящее сообщество
Valerii Leontiev
О, я видео, кажется, ваши смотрел, если аккаунт реальный:)
нет, не реальный
чувак просто похайпиться решил на известном имени Виталия
источник

VL

Valerii Leontiev in HTML/CSS — русскоговорящее сообщество
Zahar Avsievich
нет, не реальный
чувак просто похайпиться решил на известном имени Виталия
:)
Уточнил на всякий случай, зачем сразу нападать?)
источник

ZA

Zahar Avsievich in HTML/CSS — русскоговорящее сообщество
Valerii Leontiev
:)
Уточнил на всякий случай, зачем сразу нападать?)
не, я серьёзно
источник

ZA

Zahar Avsievich in HTML/CSS — русскоговорящее сообщество
вместо тысячи вопросов...
https://twitter.com/andrey_sitnik/status/1288097180486701056?s=21
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
Valerii Leontiev
все, в комментах изменил и помогло
Спасибо большое
сейчас еще пойму где красная заливка по углам убирается, и будет сказка
чо было, чо было? покажи мне весь код, пожалуйста. Я бы схоронил FTFG.
источник

VL

Valerii Leontiev in HTML/CSS — русскоговорящее сообщество
Sergey Bekharsky
чо было, чо было? покажи мне весь код, пожалуйста. Я бы схоронил FTFG.
секунду
источник

Д

Дима in HTML/CSS — русскоговорящее сообщество
источник

Д

Дима in HTML/CSS — русскоговорящее сообщество
Подскажите пожалуйста. Как можно сделать space-between только что бы новая строка отображалась слева направо.
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
Дима
Подскажите пожалуйста. Как можно сделать space-between только что бы новая строка отображалась слева направо.
Telegram
Будни верстальщика
Ahmad Shadeed выложил статью в которой разобрал CSS обновлённого Facebook: https://ishadeed.com/article/new-facebook-css/, есть в переводе на Хабре: https://habr.com/ru/company/ruvds/blog/496958/

Конечно, некоторая часть выложенного это, скорее, хаки, если даже не издевательство над здравым смыслом. Хорошо видно, что работают разные команды. Впрочем, хорошие дизайн-решения тоже есть.

Есть там момент, который конкретно так меня покоробил. Это укладка flexbox-сеток.

Я не знаю по какой причине они это сделали, но они решили классическую проблему space-between на недостаточном числе элементов… добавлением пустых элементов. То есть, фактически, добиванием сетки до кратного числа блоков чтобы избежать широких промежутков.

На самом же деле достаточно было либо блока, либо псевдо-элемента со следующими правилами:

.wrapper::after {
 content: ‘’;
 flex-grow: 1;
}

Грубо говоря, установить распорку.

Думаю, знать простые решения тоже необходимо. Как и уметь считать 🙂
источник

Д

Дима in HTML/CSS — русскоговорящее сообщество
Sergey Bekharsky
Telegram
Будни верстальщика
Ahmad Shadeed выложил статью в которой разобрал CSS обновлённого Facebook: https://ishadeed.com/article/new-facebook-css/, есть в переводе на Хабре: https://habr.com/ru/company/ruvds/blog/496958/

Конечно, некоторая часть выложенного это, скорее, хаки, если даже не издевательство над здравым смыслом. Хорошо видно, что работают разные команды. Впрочем, хорошие дизайн-решения тоже есть.

Есть там момент, который конкретно так меня покоробил. Это укладка flexbox-сеток.

Я не знаю по какой причине они это сделали, но они решили классическую проблему space-between на недостаточном числе элементов… добавлением пустых элементов. То есть, фактически, добиванием сетки до кратного числа блоков чтобы избежать широких промежутков.

На самом же деле достаточно было либо блока, либо псевдо-элемента со следующими правилами:

.wrapper::after {
 content: ‘’;
 flex-grow: 1;
}

Грубо говоря, установить распорку.

Думаю, знать простые решения тоже необходимо. Как и уметь считать 🙂
Красиво. Спасибо.
источник

СБ

Сергей Байков... in HTML/CSS — русскоговорящее сообщество
Почему может не работать  overflow-x: scroll на мобильных?
источник

A

Azizbek S. in HTML/CSS — русскоговорящее сообщество
помогите, как можно гуглить)
источник

A

Azizbek S. in HTML/CSS — русскоговорящее сообщество
есть готовые решения типо того?
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
а почему у нас в админах человек, который задаёт вопрос как новоприбывший? 🙂
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
я могу увидеть этот компонент в дикой природе?
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
В окружении?
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
Это что вообще?
источник

VL

Valerii Leontiev in HTML/CSS — русскоговорящее сообщество
Sergey Bekharsky
чо было, чо было? покажи мне весь код, пожалуйста. Я бы схоронил FTFG.
<tr class="button-row">
           <td class="button-wrapper">
             <!-- Button : Begin -->
             <table
               role="presentation"
               cellspacing="0"
               cellpadding="0"
               border="0"
               align="center"
               style="margin: auto;"
             >
               <tr>
                 <td style="text-align: center;">

                   <!--[if mso]>
                     <v:oundrect
                       xmlns:v="urn:schemas-microsoft-com:vml"
                       xmlns:w="urn:schemas-microsoft-com:office:word"
                       href="http://"
                       style="
                         height: 60px;
                         v-text-anchor: middle;
                         width: 300px;
                         max-width: 100%;
                       "
                       arcsize="15%"
                       strokecolor="#5757F5"
                       fillcolor="#5757F5"
                     >
                       <w:anchorlock />
                       <center
                         style="
                           color: #ffffff;
                           font-family: sans-serif;
                           font-size: 15px;
                         "
                       >
                         More Details
                       </center>
                     </v:roundrect>
                   <![endif]-->
                   <a
                     href="#"
                     class="button"
                     style="
                       background-color: #5757f5;
                       border: 1px solid #5757f5;
                       border-radius: 5px;
                       color: #ffffff;
                       display: inline-block;
                       font-size: 15px;
                       line-height: 60px;
                       text-align: center;
                       text-decoration: none;
                       width: 300px;
                       max-width: 100%;
                       -webkit-text-size-adjust: none;
                       mso-hide: all;
                     "
                   >
                     More Details
                   </a>

                   <!-- End button -->
                 </td>
               </tr>
             </table>
             <!-- Button : END -->
           </td>
         </tr>
источник