Question

Здравствуйте!)

подскажите пожалуйста как сделать несколько маркированных списков как вот тут.

https://i.paste.pics/d0298d7a4a628d0f1dd7eae2fe06dcad.png

у меня получается только один столбик, а если сделать рядом (как на скриншоте) второй и третий то маркировку на них не могу поставить.

обычную таблицу (которую создают в визуальном редакторе нажав таблица) создать могу.) но не знаю как сделать ее прозрачной чтоб на сайте ее не было видно а только текст и маркировки.

подскажите пожалуйста эти два ответа.

заранее спасибо за ответ.

Answer 1

Делается примерно так:

<div style="columns: 3;">здесь код маркированных списков</div>

после того как добавите таблицу на страницу с списками, тогда отпишитесь с ссылкой на нее и подскажем как ее сделать прозрачной.

Answer 2

Вернее так...
Разметка...

<div class="litab">
  <ul>
    <li>1</li>
    <li>1</li>
    <li>1</li>
  </ul>
  <ul>
    <li>2</li>
    <li>2</li>
    <li>2</li>
  </ul>
  <ul>
    <li>3</li>
    <li>3</li>
    <li>3</li>
  </ul>
</div>

В ксс пишем это...

.litab {
  columns:auto 3;
}

.litab ul {
  margin: 0px;
}

https://jsfiddle.net/a3bbqtrh/2/

Comments

спасибо большое за разметку.) 

если ее втавить получается все в один столбик, а где написать вот это (В ксс пишем это...) , можете объяснить подробнее пожалуйста.

https://i.paste.pics/4c0ffc89804a11a06fa20e32b37efc26.png​

заранее большое спасибо.)

---

Lena Kotenko,

На какой странице это увидеть? И стили в ксс прописали?

---

Sentimo,

написала это в ксс. вначале поставила этот код в конце ксс. нажала дизайн-управление дизайном CSS и там сразу и поставила внизу

.litab {
  columns:auto 3;
}

.litab ul {
  margin: 0px;
}

зашла в редактор страницы в панель html кодов и поставила разметку. но ничего не получилось. возможно я нитуда ставлю тот код который нужно поставить в ксс. потому что я не очень понимаю куда его там поставить. напишите пожробнее пожалуйста. чтоб я могла попробовать и прислать вам результат.

<div class="litab">
  <ul>
    <li>1</li>
    <li>1</li>
    <li>1</li>
  </ul>
  <ul>
    <li>2</li>
    <li>2</li>
    <li>2</li>
  </ul>
  <ul>
    <li>3</li>
    <li>3</li>
    <li>3</li>
  </ul>
</div>

 

 

---

Lena Kotenko,

и еще. обычную таблицу при редактировании страницы я поняла как сделать прозрачтой.

но в обычной таблице, из двух колонок, если поставить маркированный список то получаются ужасные пробелы между строк

http://konserva.do.am/index/dlja_proverki/0-79 вот тут на странице посмотрите пожалуйста.

можно ли то же самое но чтоб строки не были так далеко друг от друга а были вот так как на скриншоте

https://i.paste.pics/d0298d7a4a628d0f1dd7eae2fe06dcad.png

на этой странице 

http://konserva.do.am/index/farshirovannye_pomidory/0-52

маркиры стоят приблизительно так как я хочу. но это картинки, не настоящие маркеры. Я бы могла поставить везде картинки но там получается проблема при переносе слова с названия рецепта на нижнюю строку, приходится вручную пододвигать слово под верхнее и при этом пустое место остается подчеркнутым потому что эти слова - это ссылка.

чтоб не было подчеркнуто приходится вырезать кусок ссылки, что тоже плохо, потому что тогда одно предложение делиться на 2 одинаковые ссылки.

http://konserva.do.am/index/farshirovannye_pomidory/0-52 как вот тут во второй колонке.

 

вообщем мне бы хотелось узнать пожалуйста если ставить настоящие маркеры как сделать чтоб не было пропущено такое расстояние (выделила желтым) скриншот https://i.paste.pics/0f5b4ed9edf4518156f95d2185c16341.png

Заранее большое спасибо за помощь.

---

Lena Kotenko,

Вставьте обратно мою разметку, я посмотрю... Стили в ксс ставьте в любое место.