не знаю такого свойства в css

Ребята, может кто сталкивался, мне менюшка нужна как на розетке

)

Может кто исходники видел норм?

не знаю такого свойства в css

Просто было долго писать width

Вот и написал так

что такое w:500px?

Наверное WIDTH

sidebar {display: flex; flex-wrap: wrap; w: 360px} content {display: flex; flex-wrap: wrap;w:500px}

А ты точно уверен, что тебе именно так нужно? Что-то я сомневаюсь))

Обычно display: flex вешают на родителя.

А ты точно уверен, что тебе именно так нужно? Что-то я сомневаюсь))

Так в нет еще очень много контента

Или я что-то не понял в работе Flex ?

А тут, судя по стилям — у тебя все блоки внутри твоих сайдбара и контента будут идти построчно

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

Все мин-высота 1px все решила

Так и оставлю )

Нет времени на него сейчас тратить. Спасибо ребят за идею

Все мин-высота 1px все решила

в ie не будет работать

С какой версий ?

10-11

IE 11 does not vertically align items correctly when min-height is used see bug

https://caniuse.com/#feat=flexbox

Так и оставлю )

Лучше покажи весь код и не строй костылей

.wrap width: 1440px // Size For Container margin: 0 auto position: relative z-index: 22 .bgc_image position: absolute top: 0 left: 0 z-index: 1 width: 100% .sidebar display: flex width: 320px flex-wrap: wrap .content display: flex width: 1082px flex-wrap: wrap

Вот такой код для этих блоков

Ребят получилась у меня вот такая штука https://codepen.io/KAPJICOH/pen/yErmza Но после сохранения textarea уходит в исходное положение,как его оставить таким какой он есть после редактирования?

Салют! Кто-нибудь пользуется/пользовался google web designer? Есть хороший туториал на русском?

.wrap width: 1440px // Size For Container margin: 0 auto position: relative z-index: 22 .bgc_image position: absolute top: 0 left: 0 z-index: 1 width: 100% .sidebar display: flex width: 320px flex-wrap: wrap .content display: flex width: 1082px flex-wrap: wrap

попробуй контейнеру flex-direction:column; align-items:flex-start;

Уже все как нужно

гут

Ребят получилась у меня вот такая штука https://codepen.io/KAPJICOH/pen/yErmza Но после сохранения textarea уходит в исходное положение,как его оставить таким какой он есть после редактирования?

да вроде норм https://codepen.io/anon/pen/xzNKZQ

да вроде норм https://codepen.io/anon/pen/xzNKZQ

оно то норм,но текст подтягивается у меня ж...я не знаю сколько текста мне прийдет в этот текстареа,а оно в самом начале 1 строка и все...

а надо что б оно под количество текста делало размер

Contenteditable в помощь

0 js

оно то норм,но текст подтягивается у меня ж...я не знаю сколько текста мне прийдет в этот текстареа,а оно в самом начале 1 строка и все...

теперь понял, значит сначала загружать скрипт auto-expand, а потом текст )) на самом деле не знаю, никогда не сталкивался вроде

Contenteditable в помощь

капец...как я про него забыть мог -_-

спасибо огромное)

всем привет, кто знает как взять js это значение?

Contenteditable в помощь

хорошо,такой вопрос как обратится к contenteditable через js? то есть я хочу что б при клике на кнопку contenteditable="false" изменялось на contenteditable="true" ?

width, height

width, height

оно берет оригинальный размер

а мне нужен сжатый

странно, должно быть наоборот, оригинальный это naturalWidth, naturalHeight

странно, должно быть наоборот, оригинальный это naturalWidth, naturalHeight

и еще clientHeight

тогда типа такого что-то var img = document.getElementById('imageid'); var width = img.clientWidth; var height = img.clientHeight;

хорошо,такой вопрос как обратится к contenteditable через js? то есть я хочу что б при клике на кнопку contenteditable="false" изменялось на contenteditable="true" ?

Обращайся так же, как и к любому другому элементу - по селектору и меняй значение атрибута

было такое у меня

но результат тот же

может задержку срабатывания скрипта ставить

думаю сначала должен img загрузиться ) хотя нужно ждать загрузки всей страницы, если не исходные размеры картинки требуются

буду пробовть еще

Привет Anton ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

Привет Сергій ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

ERROR: S client not available

тестирую тут вопросы -- есть два элемента, можно добавить только всего два css свойства, пофиг какие и каким элементам (но всего два), чтобы .child был по центру (вертикально и горизонтально) https://codepen.io/anon/pen/BVeaXM

чот похоже слишком сложный )

Мужики, такой вопрос к вам. Нужно под меню поставить подложку в виде фото. И растинуть ее на widht: 100vw но это все в container сейчас

Как можно такой момент решить ?

там даже минимум 3 решения, но похоже он слишком

в одну? давай )

не

.parent { width: 600px; height: 300px; background-color: #ccc; } .child { width: 60px; border-top: 105px solid #ccc; border-left: 270px solid #ccc; height: 60px; background-color: #555; }

? но это точно не для работы

:D

не, решение все же нужно универсальное )

margin: 0 auto , transform: translateY(125px)

хардкодом проще всего или размеры родителя сделать = child или наоборот

margin: 0 auto , transform: translateY(125px)

тоже хардкод, размеры блоков условные на самом деле, но спасибо, добавлю может в условие

да, размеры и пропорции блоков произвольные

да, размеры и пропорции блоков произвольные

https://codepen.io/VladislavV/pen/MXdYje

https://codepen.io/VladislavV/pen/MXdYje

о! у нас есть победитель )))

для интервью сложновато канешн, но пригодится, если кого завалить надо будет )

вернее для интервью подойдет -- можно и с хардкодом рассмотреть варианты

это еще не всё, есть второй вариант решения, не спать, не спать ))

Надо просто оговаривать

Что блоки могут быть разных размеров, и решение должно быть универсальное

Надо просто оговаривать

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

ок, второй вариант не слишком интересный, повторяет первый по сути .parent { display: grid; } .child { margin: auto; }

есть третий, есть четвертый )

display: inline-flex или inline-grid родителю