Нужна помощь.Крч.Нужно через flex сделать чтобы img были справа а h1 и p слева. <section id="content"> <div class="container"> <div class="boxes"> <div class="box-1"> <img src="img/content/img1.jpg" alt=""> <h1>Heading</br>for work</h1> <p>Lorem ipsum dolor sit amet,</br> consectetuer adipiscing elit...</p> </div> <div class="box-2"> <img src="img/content/img1.jpg" alt=""> <h1>Heading</br>for work</h1> <p>Lorem ipsum dolor sit amet,</br> consectetuer adipiscing elit...</p> </div> <div class="box-3"> <img src="img/content/img1.jpg" alt=""> <h1>Heading</br>for work</h1> <p>Lorem ipsum dolor sit amet,</br> consectetuer adipiscing elit...</p> </div> <div class="box-4"> <img src="img/content/img1.jpg" alt=""> <h1>Heading</br>for work</h1> <p>Lorem ipsum dolor sit amet,</br> consectetuer adipiscing elit...</p> </div> <div class="box-5"> <img src="img/content/img1.jpg" alt=""> <h1>Heading</br>for work</h1> <p>Lorem ipsum dolor sit amet,</br> consectetuer adipiscing elit...</p> </div> <a class="rectangle blue" data-text="More" href="projects.html">More</a> </div> </section>

видел уже, что тебе предложили сделать row-reverse, но если нужно сделать не <p> + <h1> + <img>, а <h1> + <p> + <img>, то есть свойство order, которое позволяет задавать нужный порядок

Всем привет, подскажите пожалуйста, как сделать плавный скролл https://demos.artbees.net/jupiter/alcmene/ ??

Инфы в инете нашел очень мало!

А плагины, которые нашёл, не так функционируют

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

Название класса, пробел, название тега и фигурные скобки, если я правильно понял)

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

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

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

Привет, а можно как-то в хроме отключить автозакрытие html-тегов?

нельзя, да и зачем

нельзя, да и зачем

ну хочу понять где я пропустил закрывающий тег

для этого html линтеры есть

<?if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die(); /** @var array $arParams */ /** @var array $arResult */ /** @global CMain $APPLICATION */ /** @global CUser $USER */ /** @global CDatabase $DB */ /** @var CBitrixComponentTemplate $this */ /** @var string $templateName */ /** @var string $templateFile */ /** @var string $templateFolder */ /** @var string $componentPath */ /** @var CBitrixComponent $component */ $this->setFrameMode(true);?> <?if (!empty($arResult)) { ?> <div class="content footer-menu-content"> <? $previousLevel = 0; foreach($arResult as $arItem) { ?> <? if ($previousLevel && $arItem["DEPTH_LEVEL"] < $previousLevel) { ?> </ul></li></ul></div> <? } ?> <? if ($arItem["IS_PARENT"]) { ?> <? if ($arItem["DEPTH_LEVEL"] == 1) { ?> <div class="col col-mb-12 col-4"> <ul> <li class="col-margin-bottom"> <div class="h4"><?=$arItem["TEXT"]?>-<?=$arItem["DEPTH_LEVEL"]?></div> <ul> <? } else { ?> <li><a href="<?=$arItem["LINK"]?>">else_dl_1<?=$arItem["TEXT"]?>-<?=$arItem["DEPTH_LEVEL"]?></a></li> <? } ?> <? } else { ?> <? if ($arItem["DEPTH_LEVEL"] > 1) { ?> <li><a href="<?=$arItem["LINK"]?>"><?=$arItem["TEXT"]?>-<?=$arItem["DEPTH_LEVEL"]?></a></li> <? } ?> <? } ?> <?$previousLevel = $arItem["DEPTH_LEVEL"];?> <? } ?> <? if ($previousLevel > 1) { ?> </ul></li></ul></div> <? } ?> </div> <? } ?>

вот здесь всю логику в голове заранее попробуй прочитай

чтобы понять в каком месте в итоге не закрывается

настрой сборку с линтером -- htmlhint например

он тебе сразу скажет на какой строке ошибка

он исполнит php код??

<?if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die(); /** @var array $arParams */ /** @var array $arResult */ /** @global CMain $APPLICATION */ /** @global CUser $USER */ /** @global CDatabase $DB */ /** @var CBitrixComponentTemplate $this */ /** @var string $templateName */ /** @var string $templateFile */ /** @var string $templateFolder */ /** @var string $componentPath */ /** @var CBitrixComponent $component */ $this->setFrameMode(true);?> <?if (!empty($arResult)) { ?> <div class="content footer-menu-content"> <? $previousLevel = 0; foreach($arResult as $arItem) { ?> <? if ($previousLevel && $arItem["DEPTH_LEVEL"] < $previousLevel) { ?> </ul></li></ul></div> <? } ?> <? if ($arItem["IS_PARENT"]) { ?> <? if ($arItem["DEPTH_LEVEL"] == 1) { ?> <div class="col col-mb-12 col-4"> <ul> <li class="col-margin-bottom"> <div class="h4"><?=$arItem["TEXT"]?>-<?=$arItem["DEPTH_LEVEL"]?></div> <ul> <? } else { ?> <li><a href="<?=$arItem["LINK"]?>">else_dl_1<?=$arItem["TEXT"]?>-<?=$arItem["DEPTH_LEVEL"]?></a></li> <? } ?> <? } else { ?> <? if ($arItem["DEPTH_LEVEL"] > 1) { ?> <li><a href="<?=$arItem["LINK"]?>"><?=$arItem["TEXT"]?>-<?=$arItem["DEPTH_LEVEL"]?></a></li> <? } ?> <? } ?> <?$previousLevel = $arItem["DEPTH_LEVEL"];?> <? } ?> <? if ($previousLevel > 1) { ?> </ul></li></ul></div> <? } ?> </div> <? } ?>

Сохраню это сообщение на случай, когда меня спросят "зачем эти шаблонизаторы нужны?")

да это всего лишь вывод меню в битрикс

Ааааааааааааааа))))))))))

пытаюсь третий уровень меню добавить

Все равно сохраню ??

он исполнит php код??

он будет тестить html до рендеринга, php должен на сервере выполняться

он будет тестить html до рендеринга, php должен на сервере выполняться

может мы о разном говорим. Какой в итоге будет html зависит от исполнения цикла

Если честно меня на 40 строчке смущает закрывающийся ul

может мы о разном говорим. Какой в итоге будет html зависит от исполнения цикла

от совсем критичных ошибок он не поможет конечно )

Хм, точно ?

открывающий

там когда появляется третий уровень меню он внезапно появляется за всеми закрывающими тегами

за 52 строчкой

Зачем так писать php. В php же есть встроенные укороченные записи. Что бы намного привлекательней было.

там когда появляется третий уровень меню он внезапно появляется за всеми закрывающими тегами

Значит там просто проблемма с логикой вывода закрывающихся тегов. Л - логика))

Значит там просто проблемма с логикой вывода закрывающихся тегов. Л - логика))

вот я и хотел понять какой тег не закрывается или не открывается

Зачем так писать php. В php же есть встроенные укороченные записи. Что бы намного привлекательней было.

Вообще есть шаблонизаторы. Но человек объяснил, что это битрикс...

вот я и хотел понять какой тег не закрывается или не открывается

Попробуй в свою логику засунуть стандартные ul>li>a, без стилей и прочего. Более наглядно будет видно, что где начинает ломаться

Попробуй в свою логику засунуть стандартные ul>li>a, без стилей и прочего. Более наглядно будет видно, что где начинает ломаться

ок спасибо, так и пробую уже очень долго=)

адская фигня, пре-рендер с линтером не поможет

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

доброго времени суток В чем отличие между тегом <strong> и <b>? Работают по разной спецификации ? или каждый из тегов имеет свое собственное описание ?

<b> устаревший, используй <strong>

<b> устаревший, используй <strong>

да это я и сам знаю, толк мне от этого ответа нету ) я про отличие

никакой b не устаревший

никакой b не устаревший

согласен

ну в вашем измерении может и не устаревший, наверное у вас семантики нет в html

...

However, you should not use <b> for styling text; instead, you should use the CSS font-weight property to create boldface text, or the <strong> element to indicate that text is of special importance.

давно уже устаревший, давно...

он не deprecated канешн, но его использование абсолютно потеряло смысл

ERROR: S client not available

да это я и сам знаю, толк мне от этого ответа нету ) я про отличие

нет отличий, по дефолту рендерится браузерами с font-weight: bold

нет отличий, по дефолту рендерится браузерами с font-weight: bold

это не ответ, по сути спецификация вроде

гыгыгы ))) а что же тогда ответ?

ну пишутся по-разному, это ответ? )))

Ребзя, помогите с линейными градиентами. Есть блок с динамической высотой, у которого сверху на 60 px должен фон к примеру черного цвета переходит в transparent. Но точки остановки можно задавать только в процентах и em. Как этот вопрос решается без дополнительных элементов?

Просто пересчет em в px это норм?

И можно ли rem?

Решил с помощью background-size

а в чем сложность была? так например background-image: linear-gradient(to bottom, black, transparent 60px, red 60px, blue 100%)

вроде неважно в каких единицах https://codepen.io/anon/pen/QrYbrq

Просто пересчет em в px это норм?

ты в редакторе пишешь в em и rem? зачем тебе эта головная боль, пиши в px и postcss пусть сам конвертит

идей нет, забудь об этом

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

скачать ты имеешь ввиду то что у них залито ? можно wget wget \ --recursive \ --no-clobber \ --page-requisites \ --html-extension \ --convert-links \ --restrict-file-names=windows \ --domains website.org \ --no-parent \ www.website.org/tutorials/html/или софтины под винду которые могут рекурсивно скачивать сайт, вложенность можно контролировать

хехе ) минус воскресенье теперь

у вас если выключить роутер, хром падает на компе замертво на 5 минут (пока не одуплится или не влючить роутер)

вроде неважно в каких единицах https://codepen.io/anon/pen/QrYbrq

нужно 60px черному цвету

читал статью что точки только в % и em

ты в редакторе пишешь в em и rem? зачем тебе эта головная боль, пиши в px и postcss пусть сам конвертит

пока до postcss не дорос

читал статью что точки только в % и em

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

http://css.yoksel.ru/linear-gradients/

нужно 60px черному цвету

вот 60px черному в em https://codepen.io/anon/pen/erxpzo

два цвета только ну я же написал (

вернее черный и прозрачный