Сообщений в теме: 7

[Константин1111]

Добрый день, как можно максимально упростить HTML для строчки при помощи стилей CSS ?
Строчка такая: <li class="active"><a href="" target="_blank"><span><strong>&quot;Toyota&quot; </strong></span></a><a style="float: left;margin-top: -37px;margin-left: 350px;"><span><strong>04495-42010</strong></span></a></li>

[MikDark]

Константин1111 (27 Ноябрь 2014 - 13:13) писал:

Добрый день, как можно максимально упростить HTML для строчки при помощи стилей CSS ?
Строчка такая: <li class="active"><a href="" target="_blank"><span><strong>&quot;Toyota&quot; </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>&quot;Toyota&quot; </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;}

[Константин1111]

MikDark (27 Ноябрь 2014 - 13:47) писал:

HTML замените на:

<li class="active"><a href="" target="_blank"><span>&quot;Toyota&quot; </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;}

Отображается не корректно http://zigzag93.ru/catalog/jT171SC1000

[MikDark]

Константин1111 (27 Ноябрь 2014 - 13:55) писал:

Отображается не корректно http://zigzag93.ru/catalog/jT171SC1000

Уточните, где там конкретнее можно посмотреть отображение после изменений, в какой вкладке?

[Константин1111]

MikDark (27 Ноябрь 2014 - 14:10) писал:

Уточните, где там конкретнее можно посмотреть отображение после изменений, в какой вкладке?

Аккумуляторная батарея

[MikDark]

Константин1111 (27 Ноябрь 2014 - 14:10) писал:

Аккумуляторная батарея

Тогда код:

<li class="active"><a href="" target="_blank"><span>&quot;Toyota&quot; </span></a><a><span>04495-42010</span></a></li>

замените на:

<li class="active"><a href="" target="_blank"><span>&quot;Toyota&quot; </span></a><div><span>04495-42010</span></div></li>

В стили уже изменения внесли.

[Константин1111]

MikDark (27 Ноябрь 2014 - 14:22) писал:

Тогда код:

<li class="active"><a href="" target="_blank"><span>&quot;Toyota&quot; </span></a><a><span>04495-42010</span></a></li>

замените на:

<li class="active"><a href="" target="_blank"><span>&quot;Toyota&quot; </span></a><div><span>04495-42010</span></div></li>

В стили уже изменения внесли.

ТОже не помогло, только хуже стало)

[Vaccina]

уточните пожалуйста, как должна отображаться данная строка, внутренние стили в HTML вы убрали