Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Разметка текста при помощи CSS

Автор: bagar 26.10.2005, 13:48

Вопрос прост совсем,
но из-за незнания синтаксиса я на нем спотыкаюсь. Нужно при помощи CSS текст разметить как список:

Цитата

Существует два различных способа распределения ресурсов:
• Организация оформления через подключение
• Поиск через встроенные источники

Если я правильно понимаю, за это отвечает display:list-item?

Автор: PARROT 26.10.2005, 16:33

В CSS можно задать стиль спискам.

Код


<ul>
<li>Вася
<li>Петя
<li>Маша
</ul>

Автор: bagar 27.10.2005, 10:38

Проблема глубже. Будь это HTML - все было бы ясно.
Я же пытаюсь при помощи CSS задать разметку тексту, который генерирует JavaScript как массив.
Поэтому штуки с <li> не пройдут.

Автор: Str!pe 28.10.2005, 15:07

Кинь то что используешь от HTML, а вообще как пример можно так.
Вот это назнач для каждого пункта списка

Код


.spisok {list-style-position: inside;
              list-style-type: disc}

В данном случае получается что маркеры списка не будут выходить за границы текста, маркеры будут ввиде черных кружков. Можно подцепить картинки. Для этого второй пункт замени на

Код


list-style-image: url('путь к файлу')

Автор: bagar 29.10.2005, 13:30

От HTML там очень мало. Сначала идет скрипт, потом HTML:

Код


<table width="80%" border="1" id="test">
<tbody id="testremover">
</tbody>
</table>

и в завершение форма сортировки.

Сам текст, который надо списком сделать, задается в JS:

Код


txt[5] = new fullArray("ESS", "ESS", "Expert So lang ichs deutlich sah , ein Schatz der. Enterprise War mir das Ufer , dem ich mich entrissen. ");

Автор: Str!pe 30.10.2005, 07:14

Я в скриптах не понимаю.. руки до них не доходят smile

Дак тебе то что я написал не подходит или ты просто к скрипту привинтить не можешь?

Автор: Str!pe 30.10.2005, 08:29

Посидел покапался и вот до чего дошел.

Как я понимаю текст скриптом будет вставляться в <tbody></tbody>. Если каждый пункт списка будет в своем (отдельном) <tbody></tbody> то нужно сделать так:

Код


<table width="80%" border="1" id="test">
<tbody id="testremover" style="display: list-item <!-- этот стиль назначает tbody видом списка -->">
Sed diem nonummy nibh euismod
</tbody>
<tbody id="testremover" style="display: list-item <!-- этот стиль назначает tbody видом списка -->">
Sed diem nonummy nibh euismod
</tbody>
</table>

Код


а в CSS задать id="testremover" такие значения 
.testremover {list-style-position: inside;
                       list-style-type: disc}

Если же весь текст будет вставляться в один <tbody></tbody> тогда самым простым вариантом станет заключить (еще в коде скрипта) каждый пункт списка в свой (любой ) тег например тот же <p></p> и уже для него прописать вот такие значения

Код


.testremover {display: list-item;
                       list-style-position: inside;
                       list-style-type: disc}

Таким образом получаем следующее

Код


<tbody id="testremover">
<p class="testremover">Sed diem nonummy nibh euismod</p>
<p class="testremover">>Sed diem nonummy nibh euismod</p>
<p class="testremover">>Sed diem nonummy nibh euismod</p>
</tbody>
</table>

Код


а в CSS задать id="testremover" такие значения 
.testremover {list-style-position: inside;
                       list-style-type: disc}

Если же для него уже есть класс то делай через ID

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