Question

Здравствуйте. На странице будет содержаться список книг. Мне необходимо его как-то оформить, дабы не было просто перечисления имеющихся материалов. При добавлении материалов использую тег <a> через который организовавываются ссылки на страницы с книгами. Думал в таблице их указать, но если добавлять ссылки вручную через "добавление материала", попутно выбрав в настройках поддержку bb-кодов+html, я не могу применить к ней стили, из-за чего все выглядит страшненько. Можно ли что-нибудь сделать? Ну или подскажите альтернативный вариант

Answer 1

Лучше всего для списка создать несколько классов и оформить все стилями, конечно каждую книгу придется завернуть в этот же созданный класс чтобы применить нужные нам стили и чтобы все смотрелось более менее хорошо.

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

Comments

Ссылка: http://knigomania.org/dir/stiven_king/1-1-0-12

 

Планировал вот так сделать:

<style type="text/css">
.tftable {font-size:12px;color:#333333;width:100%;border-width: 1px;border-color: #a9a9a9;border-collapse: collapse;}
.tftable th {font-size:12px;background-color:#b8b8b8;border-width: 1px;padding: 8px;border-style: solid;border-color: #a9a9a9;text-align:left;}
.tftable tr {background-color:#ffffff;}
.tftable td {font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color: #a9a9a9;}
</style>

<table class="tftable" border="1">
<tr><th>Номер</th><th>Год</th><th>Серия</th><th>Название</th></tr>
<tr><td>1</td><td>2015</td><td>без серии </td><td><a href="http://knigomania.org/load/triller/vozrozhdenie/10-1-0-324" target=_blanc>Возрождение </a></td></tr>
<tr><td>2</td><td>2014</td><td>Трилогия Билла Ходжеса 1</td><td> <a href="http://knigomania.org/load/detektiv/mister_mersedes/4-1-0-575" target=_blanc>Мистер Мерседес</a> </td></tr>
<tr><td>3</td><td>1999</td><td>Золотая серия фэнтези</td><td> <a href="http://knigomania.org/load/fehntezi/legendy/14-1-0-266" target=_blanc>Легенды </a> </td></tr>
<tr><td>4</td><td>2010</td><td>Миры Говарда Лавкрафта 6</td><td><a href="http://knigomania.org/load/uzhasy/mify_ktulkhu/11-1-0-317" target=_blanc>Мифы Ктулху</a> </td></tr>
<tr><td>5</td><td>2014</td><td>без серии</td><td> <a href="http://knigomania.org/load/uzhasy/zelenaja_milja/11-1-0-323" target=_blanc>Зеленая миля</a></td></tr>
<tr><td>6</td><td>2015</td><td>Темная Башня</td><td> <a href="http://knigomania.org/load/fantastika/paren_iz_kolorado_ditja_kolorado/3-1-0-325" target=_blanc>Парень из Колорадо (Дитя Колорадо) </a> </td></tr>
<tr><td>7</td><td>2012</td><td>без серии</td><td> <a href="http://knigomania.org/load/fantastika/pod_kupolom/3-1-0-450" target=_blanc>Под куполом</a></td></tr>
</table>

 

Но это  вставлял прямо на странице добавления материала. Таблицу создает, а стили не применяет...

---

FaNaT,

Вы вставляете стили в виз. редактор, а он добавляет лишний мусор, вот как сейчас, во поэтому и не работают стили
<style> &lt;br /> .tftable {font-size:12px;color:#333333;width:100%;border-width: 1px;border-color: #a9a9a9;border-collapse: collapse;} &lt;br /> .tftable th {font-size:12px;background-color:#b8b8b8;border-width: 1px;padding: 8px;border-style: solid;border-color: #a9a9a9;text-align:left;} &lt;br /> .tftable tr {background-color:#ffffff;} &lt;br /> .tftable td {font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color: #a9a9a9;} &lt;br /> </style>

---

Sentimo,

Перенес их в css, все заработало, но там теперь приличный отступ. Как от него избавиться? И из-за чего он вообще вылез?

---

FaNaT,

Лишние <br /> , откройте на редактирование в html и удалите.