Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Разметка текста при помощи CSS, Банальная разметка текста как список 
:(
    Опции темы
bagar
Дата 26.10.2005, 13:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 10
Регистрация: 16.10.2005

Репутация: нет
Всего: нет



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

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


Если я правильно понимаю, за это отвечает display:list-item?
PM MAIL   Вверх
PARROT
Дата 26.10.2005, 16:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Экс. модератор
Сообщений: 2339
Регистрация: 5.1.2005
Где: Спб-ЦарьГрад

Репутация: 2
Всего: 50



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

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



--------------------
Безумный утешается прошедшим, слабоумный - будущим, умный - настоящим!
PM MAIL   Вверх
bagar
Дата 27.10.2005, 10:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 10
Регистрация: 16.10.2005

Репутация: нет
Всего: нет



Проблема глубже. Будь это HTML - все было бы ясно.
Я же пытаюсь при помощи CSS задать разметку тексту, который генерирует JavaScript как массив.
Поэтому штуки с <li> не пройдут.
PM MAIL   Вверх
Str!pe
Дата 28.10.2005, 15:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


профиль удален
****


Профиль
Группа: Участник
Сообщений: 2426
Регистрация: 12.6.2005
Где: На земле.

Репутация: 3
Всего: 152



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

Код

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


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

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


Это сообщение отредактировал(а) Stripe - 28.10.2005, 15:07


--------------------
Со мной можно связаться по скайпу или по аське.
Занимаюсь продвижением сайтов - самой таргетированной рекламой.
PM MAIL ICQ Skype   Вверх
bagar
Дата 29.10.2005, 13:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 10
Регистрация: 16.10.2005

Репутация: нет
Всего: нет



От 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. ");

PM MAIL   Вверх
Str!pe
Дата 30.10.2005, 07:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


профиль удален
****


Профиль
Группа: Участник
Сообщений: 2426
Регистрация: 12.6.2005
Где: На земле.

Репутация: 3
Всего: 152



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


--------------------
Со мной можно связаться по скайпу или по аське.
Занимаюсь продвижением сайтов - самой таргетированной рекламой.
PM MAIL ICQ Skype   Вверх
Str!pe
Дата 30.10.2005, 08:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


профиль удален
****


Профиль
Группа: Участник
Сообщений: 2426
Регистрация: 12.6.2005
Где: На земле.

Репутация: 3
Всего: 152



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

Как я понимаю текст скриптом будет вставляться в <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 глючит толи он не отображает все это, я имею ввиду сами маркеры списка, а переносить на новую строку переносит.

Это сообщение отредактировал(а) Stripe - 30.10.2005, 08:33


--------------------
Со мной можно связаться по скайпу или по аське.
Занимаюсь продвижением сайтов - самой таргетированной рекламой.
PM MAIL ICQ Skype   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0683 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.