1
Упростить Сточку Html При Помощи Css
Автор Константин1111, 27 нояб. 2014 13:13
html css стили упростить
Сообщений в теме: 7
#1
Отправлено 27 Ноябрь 2014 - 13:13
Добрый день, как можно максимально упростить HTML для строчки при помощи стилей CSS ?
Строчка такая: <li class="active"><a href="" target="_blank"><span><strong>"Toyota" </strong></span></a><a style="float: left;margin-top: -37px;margin-left: 350px;"><span><strong>04495-42010</strong></span></a></li>
Строчка такая: <li class="active"><a href="" target="_blank"><span><strong>"Toyota" </strong></span></a><a style="float: left;margin-top: -37px;margin-left: 350px;"><span><strong>04495-42010</strong></span></a></li>
#2
Отправлено 27 Ноябрь 2014 - 13:47
Константин1111 (27 Ноябрь 2014 - 13:13) писал:
Добрый день, как можно максимально упростить HTML для строчки при помощи стилей CSS ?
Строчка такая: <li class="active"><a href="" target="_blank"><span><strong>"Toyota" </strong></span></a><a style="float: left;margin-top: -37px;margin-left: 350px;"><span><strong>04495-42010</strong></span></a></li>
Строчка такая: <li class="active"><a href="" target="_blank"><span><strong>"Toyota" </strong></span></a><a style="float: left;margin-top: -37px;margin-left: 350px;"><span><strong>04495-42010</strong></span></a></li>
HTML замените на:
<li class="active"><a href="" target="_blank"><span>"Toyota" </span></a><a><span>04495-42010</span></a></li>
А в стили добавьте:
.active a span {font-weight:bold;} .active a:nth-child(2) {float:left;margin-top:37px; margin-left:350px;}
#3
Отправлено 27 Ноябрь 2014 - 13:55
MikDark (27 Ноябрь 2014 - 13:47) писал:
HTML замените на:
А в стили добавьте:
<li class="active"><a href="" target="_blank"><span>"Toyota" </span></a><a><span>04495-42010</span></a></li>
А в стили добавьте:
.active a span {font-weight:bold;} .active a:nth-child(2) {float:left;margin-top:37px; margin-left:350px;}
#4
Отправлено 27 Ноябрь 2014 - 14:10
Константин1111 (27 Ноябрь 2014 - 13:55) писал:
Отображается не корректно http://zigzag93.ru/catalog/jT171SC1000
Уточните, где там конкретнее можно посмотреть отображение после изменений, в какой вкладке?
#6
Отправлено 27 Ноябрь 2014 - 14:22
Константин1111 (27 Ноябрь 2014 - 14:10) писал:
Аккумуляторная батарея
Тогда код:
<li class="active"><a href="" target="_blank"><span>"Toyota" </span></a><a><span>04495-42010</span></a></li>
замените на:
<li class="active"><a href="" target="_blank"><span>"Toyota" </span></a><div><span>04495-42010</span></div></li>
В стили уже изменения внесли.
#7
Отправлено 27 Ноябрь 2014 - 14:33
MikDark (27 Ноябрь 2014 - 14:22) писал:
Тогда код:
замените на:
В стили уже изменения внесли.
<li class="active"><a href="" target="_blank"><span>"Toyota" </span></a><a><span>04495-42010</span></a></li>
замените на:
<li class="active"><a href="" target="_blank"><span>"Toyota" </span></a><div><span>04495-42010</span></div></li>
В стили уже изменения внесли.
#8
Отправлено 29 Ноябрь 2014 - 02:27
уточните пожалуйста, как должна отображаться данная строка, внутренние стили в HTML вы убрали
Темы с аналогичным тегами html, css, стили, упростить
Повышение продаж, продвижение →
Общие вопросы →
Проблемный СлайдерАвтор Гость_Cracker9661_* , 09 июня 2021 Css |
|
|||
Повышение продаж, продвижение →
SEO →
Много Js Файлов И Css Не ОптимизированыАвтор Гость_ARGO_* , 12 апр. 2018 js, css, оптимизировать |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Город →
Главная →
Прошу Внести Изменения На СайтеАвтор Гость_Timofey66_* , 14 авг. 2017 главная, индекс, index, дизайн и 3 еще... |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Цитрус →
Изменение общей стилистики →
Переместить Кнопки "в Корзину" И "избранное"Автор Гость_roBo_* , 12 июля 2017 корзина, изб, ранное, перемещение и 4 еще... |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Вопросы общие для всех шаблонов →
Страница товара →
Не Отображаются Сниппеты В GoogleАвтор Гость_dmitry251190_* , 10 апр. 2017 html, google, schema.org |
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных