seemax

Спасибо всем, кто откликнулся. Я поместил один <span> и сделал перенос </br>

Согласно Webref, <td> не является блочным элементом. Мне нужно поместить в эту ячейку несколько тегов по вертикали. <span> не даст вертикального расположения, назначить его display: block; вероятно нельзя... Предложите пожалуйста решение.

Спасибо. Мне нужно отправить форму и оставить пользователя на текущей странице.

Подскажите решение, пожалуйста. Есть среди ответов форума вариант onclick="window.open('https://myurl')" но будет ли это валидно в моём случае?

Спасибо, Андрей. Тут дело такое, кому нужней. Однажды мне заплатили за разработку нескольких довольно сложных страниц. Ответ сразил наповал:"Сейчас такие вещи делаются автоматически за несколько секунд." Типа, загружаешь PSD и получаешь валидный, многостраничный статический сайт...

Спасибо большое, очень развёрнуто. IE11 имеет проблемы с JS под Win7, это обсуждается в сети. Может кому пригодится избежать моих волнений...

Каждый из тысячи товаров ресурса можно заказать отправив форму <div class="item-description-wrapper"> <div class="item-num">Item #: 701642853695</div> //———————————————— <form action="post" id="701642853695" class="to_cart"> <fieldset class="stars"> <input type="radio" id="star5" name="rating" value="5" /> // —————————————————— </fieldset> <fieldset class="sizes"> <input class="size-input" type="radio" id="size_XS" name="sizing" value="xs" /> //—————————————————————————- </fieldset> <button type="submit">add to cart</button> </form> </div> </div> Чо делает каждый заказ уникальным для БД? Достаточно ли присвоить форме id в соответствии с артикулом товара?

Спасибо, у меня было ощущение, что от дублирования и скрытия элементов на разных экранах надо уходить, но я не разработал/нашёл простой этому алгоритм. Пожалуйста, обратите внимание/подскажите, что происодит с "Share it" и респонсив картинками в IE? Как правильно обозначить id формы конкретного юнита товара? Ведь их может быть тысячи артикулов на ресурсе. Нужно ли ввести Item #: 701642853695 и .price-holder в <form>? Задачу мне, вообще то, ставили от IE8, без jQuery в анимациях, без CSS гридов. Могу отказаться от Flex, Susy, Bootstrap. Остальное, тени, псевдоэлементы нереально. caniuse.com в упор не видит IE старше 11 версии! Корректна ли такая задача на исходе 2017, по вашему мнению?

Прошу придирчиво посмотреть мою работу http://magneto.skepton.ru/ От её качества зависит получение постоянной работы. IE11 озадачил сильно, впечатление отключеного JS. Т есть, пропала респонсив галлерея, ссылка "Share it" на большом экране не активна. Но, если бы JS был отключен, слайд-шоу для экрана телефона тоже бы не работало...

Решение первого вопроса: &:not(:checked) { > input { display: none; //position: absolute; //top: -9999px; clip: rect(0,0,0,0); } Пока не найден ответ на вертикальное позиционирование текста в псевдоэлементе...

1) "Стар рейтинг" работает как задумано, только страница перёдёргивается. Решение вопроса через preventDefault() const labels = document.querySelectorAll('label'); function noDefault(e){ e.preventDefault(); }; labels.forEach(x => x.addEventListener('click', noDefault)); несостоятельно, т как инпуты перестают переключаться на "чекед". 2) Связанный с этим второй вопрос второго примера. Страница не передёргивается, чекится как надо. Только не работает в ИЕ, т как он не прощает :before применительно <input>, который не является блочным элементом. Первому варианту предпочтение, но оба примера применяют псевдоэлементы. Если нет лучшего решения, чем применить :before, как выставить текст по вертикали в псевдоэлементе второго примера "vertical-align: middle; display: block; " не решают проблему.

Спасибо Tilonorrinco, очень подробно, даже придирчиво. Но за это и благодарен. Ценю ваше время и комментарии. Код ревью мощнейшая вещь, можно тянуть "non best practice" из проекта в проект даже не подозревая об этом. А чем плох клеарфикс на <div>, пожалуйста? Если дошло до подробных разборов.

Спасибо за высказанное мнение, но "не единственный минус" мог бы оказаться для меня полезным с пояснением. В данном случае эта недосказанная многозначительность некорректна. Кстати, страничка не планировалясь к применению в CMS, где пользователь может добавлять пункты меню, а флоат тоже вырвает элемент из потока.

В этой работе http://magneto.skepton.ru/ я применил абс позиционирование, а не флоат для логотипа и меню хедера т как мне казалось это будет чуть проще по причине абс позиционированного sliding down меню, которому нужно прятаться под меню хедера или становиться видимым за пределами родителя .top-wrap. Который, в свою очередь, не должен иметь overflow: hidden, а может быть очищен только пустым div clear: both, в случае применения привычного float: left/right. Плюс к этому, раздвинул горизонтально "Pickup date", "Return date" бордерами, а не маржин. Эти два решения вызвали жёсткую критику с восклицательными знаками. Прошу прокомментировать, действительно ли эти два решения и "best practice" несовместимы?

Решение нашлось. Выйти из аккаунта и снова залогиниться. Спасибо за ответ, тема закрыта.