• Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Форум » Веб-разработка » Вопросы про uCoz » Помогите с ul и li (Хелп)
Помогите с ul и li
Alex_L_X
Воскресенье, 04 Декабря 2016 | Сообщение 1
Оффлайн
Vip
Сообщений:162
Награды: 3
Всем привет.
Тема такая:
-Хочу применить стиль на список в статье блога
Проблема такая:
-Стили применяются на весь сайт, как можно ограничить их только в тексте статьи
Страна: (KZ)
-SAM-
Понедельник, 05 Декабря 2016 | Сообщение 2
Оффлайн
Друзья сайта
Сообщений:882
Награды: 40
Обычно - указать стиль с привязкой к блоку, в котором расположено содержимое, если в этом блоке идёт class или id (если нет ничего - значит добавить). Например, вот так .postFirst ul {стили;}



Помог? Скажи спасибо в виде "+" - вам мелочь, а мне приятно.
Бесплатное оказание помощи в ответах на "Вопросы про uCoz".
Страна: (UA)
Angerfist
Понедельник, 05 Декабря 2016 | Сообщение 3
Оффлайн
Vip
Сообщений:767
Награды: 21
Не знаю вовремя ли я, наверное уже нашёл ответ или подсказали... На всякий случай напишу.

Задай класс элементам, и в классе уже прописывай свои стили, в результате не будет влиять на все
маркированные списки. Типа:

Код
<ul class="text">


Либо на примере вертикального меню, задаётся блоку id или тоже класс:

Код

<div id='menu'>
<ul>
<li><a href=''>Главная</a></li>
<li><a href=''>Видео</a></li>
<li><a href=''>Фото</a></li>
<li><a href=''>Статьи</a></li>
</ul>
</div>


А в стилях для id #menu или .menu шпарим наши стили...

Ясно что
Код
list-style-type
будет применяться ко всему вокруг), Кстати вот на всякий случай шпаргалки
Теги ol и li и Укрощение списков

Вообщем как то так...


No regrets

Сообщение отредактировал
Angerfist - Понедельник, 05 Декабря 2016, 00:30
Страна: (RU)
Angerfist
Понедельник, 05 Декабря 2016 | Сообщение 4
Оффлайн
Vip
Сообщений:767
Награды: 21
-SAM-, как я не вовремя влез, пока думал ответ уже написан)

No regrets

Сообщение отредактировал
Angerfist - Понедельник, 05 Декабря 2016, 00:30
Страна: (RU)
Alex_L_X
Понедельник, 05 Декабря 2016 | Сообщение 5
Оффлайн
Vip
Сообщений:162
Награды: 3
Ребята, у меня уже статьи готовые ul, я как понял это надо во время написания прописывать, а что нельзя на готовые, как то на боди прописать?
Страна: (KZ)
Alex_L_X
Понедельник, 05 Декабря 2016 | Сообщение 6
Оффлайн
Vip
Сообщений:162
Награды: 3
Вот отрывок

Код
<ul style="box-sizing: border-box; margin-top: 0px; margin-bottom: 10px; color: rgb(0, 0, 0); font-family: "Open Sans", sans-serif; font-size: 14px;">
    <li style="box-sizing: border-box;">кукуруза;</li>
    <li style="box-sizing: border-box;">жмых;</li>
    <li style="box-sizing: border-box;">пшеница;</li>
    <li style="box-sizing: border-box;">рыбная мука;</li>
    <li style="box-sizing: border-box;">кормовые дрожжи;</li>
    <li style="box-sizing: border-box;">сухой обрат;</li>
    <li style="box-sizing: border-box;">трава;</li>
    <li style="box-sizing: border-box;">кормовой жир.</li>
</ul>
Страна: (KZ)
Alex_L_X
Понедельник, 05 Декабря 2016 | Сообщение 7
Оффлайн
Vip
Сообщений:162
Награды: 3
Разобрался. Благодарю за отзывчивость
Страна: (KZ)
Alex_L_X
Понедельник, 05 Декабря 2016 | Сообщение 8
Оффлайн
Vip
Сообщений:162
Награды: 3
$МЕССЕЙДЖ$ обернул дивом (вернее он уже был обернут для адаптации видео), дал класс .lxxx

стили классу

Код
.lxxx
       li {background: url(/forumico/galo4ka.png) no-repeat left 8px;
border-bottom: 1px solid #eee;
    font-size: 14px;
    list-style: none;
    padding: 10px 0 10px 40px;}
ul {background: #F8F8FF;}


Крутяк получилось, сразу сколько виду добавилось


Сообщение отредактировал
Alex_L_X - Понедельник, 05 Декабря 2016, 01:40
Страна: (KZ)
Форум » Веб-разработка » Вопросы про uCoz » Помогите с ul и li (Хелп)
  • Страница 1 из 1
  • 1
Поиск: