Size: a a a

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

2021 February 02

k

killcode in HTML/CSS — русскоговорящее сообщество
Нужно реализовать такой выпадающий текст при наведении на карточку. Лучше сделать div в divе или через after before. Либо другие будут идеи?
источник

Кm

Кирилл mrDoode in HTML/CSS — русскоговорящее сообщество
killcode
Нужно реализовать такой выпадающий текст при наведении на карточку. Лучше сделать div в divе или через after before. Либо другие будут идеи?
А какая разница?
источник

k

killcode in HTML/CSS — русскоговорящее сообщество
Кирилл mrDoode
А какая разница?
как лучше сделать чтобы не прописывать конкретную width и height
источник

k

killcode in HTML/CSS — русскоговорящее сообщество
Чтобы по такому же размеру как карточка был.
источник

Кm

Кирилл mrDoode in HTML/CSS — русскоговорящее сообщество
Див по-дефолту имеет display: block отображение, а значит его ширина 100%
источник

E

Eugene in HTML/CSS — русскоговорящее сообщество
Господа, а таблицу с такими подчеркиванием и вертикальным выравниванием реально сделать?
источник

НЧ

Никита Чеботов... in HTML/CSS — русскоговорящее сообщество
да
источник

С

Степан in HTML/CSS — русскоговорящее сообщество
Eugene
Господа, а таблицу с такими подчеркиванием и вертикальным выравниванием реально сделать?
vertical-align: то что тебе надо
источник

E

Eugene in HTML/CSS — русскоговорящее сообщество
Степан
vertical-align: то что тебе надо
проблема в отступе справа и подчеркиванием
источник

НЧ

Никита Чеботов... in HTML/CSS — русскоговорящее сообщество
О! и с ходу сразу вопрос!  каких случаях vertical-align работает?
источник

С

Степан in HTML/CSS — русскоговорящее сообщество
Eugene
проблема в отступе справа и подчеркиванием
добавь внутрь  ечейки тег, которому задаешь падинг/маргин (пробуй, я просто думаю что поможет)
источник

НЧ

Никита Чеботов... in HTML/CSS — русскоговорящее сообщество
Eugene
проблема в отступе справа и подчеркиванием
подчеркивание border-bottom: 1px solid
источник

E

Eugene in HTML/CSS — русскоговорящее сообщество
Степан
добавь внутрь  ечейки тег, которому задаешь падинг/маргин (пробуй, я просто думаю что поможет)
border будет на ширину всей ячейки, я пробовал через  border-spacing, но тоже хреново выходит
источник

НЧ

Никита Чеботов... in HTML/CSS — русскоговорящее сообщество
Eugene
проблема в отступе справа и подчеркиванием
а если сверстано в таблице тогда чтото такое
td
   div.wrapper   // тут  указать border-bottom: 1px solid и поиграться с margin
        //тут уже верстаем то что нуужно в ячейке
источник

С

Степан in HTML/CSS — русскоговорящее сообщество
Eugene
border будет на ширину всей ячейки, я пробовал через  border-spacing, но тоже хреново выходит
сорри,я всегда експериментирую, но сейчас оч занят)
источник

E

Eugene in HTML/CSS — русскоговорящее сообщество
Никита Чеботов
а если сверстано в таблице тогда чтото такое
td
   div.wrapper   // тут  указать border-bottom: 1px solid и поиграться с margin
        //тут уже верстаем то что нуужно в ячейке
спасибо, попробую
источник

О

Олег in HTML/CSS — русскоговорящее сообщество
кто знает почему с боковыми отступами и border-box, button вылезает за границы при width 100%
источник

Кm

Кирилл mrDoode in HTML/CSS — русскоговорящее сообщество
Олег
кто знает почему с боковыми отступами и border-box, button вылезает за границы при width 100%
Потому что у button есть padding. Решается свойством box-sizing: border-box;
источник

О

Олег in HTML/CSS — русскоговорящее сообщество
Кирилл mrDoode
Потому что у button есть padding. Решается свойством box-sizing: border-box;
проблема в том что не решилось
источник

Кm

Кирилл mrDoode in HTML/CSS — русскоговорящее сообщество
Ну тогда мои экстрасенсорные способности на этом всё, и без песочницы я не смогу помочь
источник