viktorulyushev

Включи логику.
Ты задал абсолютное позиционирование, вырвав тем самым элемент из потока.
И пытаешься задать ему обтекание.
Внимание вопрос: какие элементы его будут обтекать, если сам элемент вырван из потока?

Вывод: float для твоей задачи не подходит.

Думай дальше. Ты задал позиционирование элементу. Какие свойства задают позицию блоков?
Догадался уже, наверное - top, left, right, bottom.

PS. Не стесняйтесь включать мозги =) Помогает в решении проблем.

Есть два варианта
1. Через background. Картинка растянется по всему контейнеру сохраняя пропорции.

{
background-image: url();
background-size: cover;
}

2. Можно вставлять картинки прямо в тегом , а растягивать через object-fit
https://css-tricks.com/almanac/properties/o/object-fit/
Минус этого метода в том, что высота контейнера должна быть фиксирована. Если она не фиксирована, то используйте первый вариант.

$(window).scroll(function() {
    $('.menu-fixed-bottom').hide();
    clearTimeout($.data(this, 'scrollTimer'));
    $.data(this, 'scrollTimer', setTimeout(function() {
        $('.menu-fixed-bottom').show();
    }, 250));
});

----
Отредактировано

Вот так - codepen.io/AXP/pen/WpqrjG

.full {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    margin-bottom: 30px;
}

При этом адаптивность сохранится

Актуально для всего кроме IE > 9 тут смотреть

это можно сделать нативно на CSS, без JS.
https://jsfiddle.net/dtd4r7yd/

arrows: false,
заменить на
arrows: true ?

Код добавления крошек:
$APPLICATION->AddChainItem("title", "link");

Данный код вставьте в нужный вам шаблон.

Подробнее: https://dev.1c-bitrix.ru/api_help/main/reference/c...

Яндекс.Карты мало поддаются стилизации, максимум можно наложить фильтры типа такого:

.ymaps-layers-pane {
  filter: grayscale(100%);
  -webkit-filter: grayscale(1);
}

Лучше используйте Google.Maps. Для гугл-карт даже сервисы есть, например https://mapkit.io/editor

перед foreach устанавливаешь $first = true; и дальше как то так

<?if($first){
	$first = false;
?>
<a class="nav-catalog" href="<?=$arItem["LINK"]?>" >
<?} else {?>
<a class="nav-catalog"  >
<?}?>

Вряд ли вы разберетесь что тут к чему в моем коде... Но все же попытайтесь.
codepen.io/aliencash/pen/XpoGPa

Как вариант можно что то типа этого:

.div1{
position:relative;
}
.div2{
 position:absolute/fixed;
/* вместо 0 спозиционировать блок.*/
top:0;
left:0;
right:0;
bottom:0;
}

В Битриксе (пойдёт через апач и /urlrewrite.php):
Административный раздел / Настройка / Настройки продукта / Обработка адресов / Правила обработки:



Пример конфига ЧПУ через nginx:

location ~* ^/catalog/([_a-zA-Z0-9-]*)/ {
		proxy_pass http://127.0.0.1:8080/catalog/?brand=$1&$args;
		proxy_redirect http://127.0.0.1:8080/ /;
		proxy_set_header Host $host;
		proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
		proxy_set_header X-Forwarded-Proto $scheme;
		proxy_set_header X-Real-IP $remote_addr;
		proxy_set_header X-Real-URL /catalog/$1/;
		proxy_set_header X-Real-ARGS $args;
	}

То есть вам прямо на бэкэнд будет приходить ваша ссылка
www.site.ru/catalog/?brand=alcatel

Если не тащить в скрипты текст конпки, то можно так:
jsfiddle.net/4o61jcjq/3

Или перечислить возможные варианты текста в data-аттрибуте.
jsfiddle.net/4o61jcjq/4

$(document).ready(function(){
    $('.button').click(function(){
        $('.textbox').toggleClass('active');
        $(this).text($(this).text() == "Развернуть" ? "Свернуть" : "Развернуть");
    });
});

Через font-weight:

font-weight: 400i;
или
font-weight: 500;

Да, можно, например вот так:

<?
	ob_start();
?>
<label><?=$arQuestion["CAPTION"]?><?if ($arQuestion["REQUIRED"] == "Y"):?><?=$arResult["REQUIRED_SIGN"];?><?endif;?></label>
<?
	$label = ob_get_contents();
	ob_end_clean();
?>

Далее применяйте функцию str_replace к переменной $label и выводите на экран.

Потому что теги tr, td должны использоваться внутри table:

<table>
    <tr>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>

Как убрать разделительный знак в последнем элементе цикла foreach?
для общего развития. ибо решение требуется не только для вывода html.

может проще стилизовать ?

ul>li {
    display: inline-block
}
ul>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0"
}