Телеграмм чат группы css

Size: a a a

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

2021 February 27

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

Ну вот как пример. На опшн псевдо нельзя повесить
https://stackoverflow.com/questions/9198195/how-can-i-use-the-css-pseudo-element-before-content-to-affect-an-option

Stack Overflow

How can I use the CSS pseudo-element :before{ content: '' } to affect an <option> element?

If I have a list of optons, how can I use the CSS pseudo-element :before{ content: '' } to affect the <option>? Below there are three options an I'd like to insert text before each one.

I know

источник

00:03пожаловаться #1

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

Добрый вечер. Подскажите, пожалуйста, к в данном примере сделать так, чтобы иконка имела отступ слева от текста и была вертикально расположена на одном уровне с текстом, а не как сейчас, вверху. иконка это svg 14*14. верстка представлена на скрине ниже

источник

00:15пожаловаться #2

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

image_2021-02-27_00-15-24.png

(6.97 Кб)

источник

00:15пожаловаться #3

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

vertikal-aligng: center; ?

источник

00:18пожаловаться #4

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

а если img закинуть в спан

источник

00:21пожаловаться #5

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

может я делаю что то не так, но двигается только по горизонтали, но не по вертикали. я обернул img в спан и пытался спану задавать margin-top или padding-top

источник

00:27пожаловаться #6

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

Noname

vertikal-aligng: center; ?

vertical-align: middle;
помогло, спасибо. вместе со спаном. без спана было слишком низко.

источник

00:30пожаловаться #7

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

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

Всем привет, вступил к вам чтобы помогать и просить помощи иногда))

источник

05:22пожаловаться #9

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

Ice King

vertical-align: middle;
помогло, спасибо. вместе со спаном. без спана было слишком низко.

А если line-height изменить?

источник

05:52пожаловаться #10

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

KrAG

А если line-height изменить?

Я бы сделал все таки спан флексом, и центровал по вертикали

источник

05:53пожаловаться #11

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

Всем привет, есть ли у кого-то пример сайта с резиновым дизайном/версткой без брейкпоинтов?)скиньте пожалуйста если такой имеется)

источник

09:11пожаловаться #12

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

Как сделать что бы подымалась только иконка без беграунда?

источник

10:19пожаловаться #13

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

Ramaw One

Как ты собираешься сделать без медиа квери, адаптивный дизайн?

источник

10:20пожаловаться #14

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

--x-- --y--

Как сделать что бы подымалась только иконка без беграунда?

зум пробуй

источник

10:23пожаловаться #15

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

--x-- --y--

Как ты собираешься сделать без медиа квери, адаптивный дизайн?

Может простой макет и колдовство с flex-grow и flex-shrink

источник

10:24пожаловаться #16

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

Дмитрий

Может простой макет и колдовство с flex-grow и flex-shrink

А уменьшение заголовков ? Или ты на мобиле оставишь 64px?

источник

10:25пожаловаться #17

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

--x-- --y--

Как ты собираешься сделать без медиа квери, адаптивный дизайн?

Он же про резиновый спрашивает, а не про адаптивный

источник

10:26пожаловаться #18

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

--x-- --y--

А уменьшение заголовков ? Или ты на мобиле оставишь 64px?

Заголовок по дефолту может быть 36 и меняться только количество строк при адаптиве. Я лично для практики верстал макет, на котором заголовок не меняется в размерах))

источник

10:27пожаловаться #19

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

--x-- --y--

А уменьшение заголовков ? Или ты на мобиле оставишь 64px?

https://css-tricks.com/snippets/css/fluid-typography/

CSS-Tricks

Fluid Typography | CSS-Tricks

Getting right to the code, here's a working implementation: html { font-size: 16px; } @media screen and (min-width: 320px) { html { font-size: calc(16px +

источник

10:28пожаловаться #20