Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (65)

Общие вопросы по оформлению (65)

Страница:   1 … 63 64 65 66 67 … 101  
Тема закрыта

Сообщений 1281 страница 1300 из 2001

1

  • Автор: Maquis
  • Модератор
  • Maquis
  • Зарегистрирован: Чт, 5 Ноя 2009
  • Сообщений: 1938
  • Уважение: +1963
  • Позитив: +1658
  • Предупреждения: ‡
  • Последний визит:
    Сб, 26 Фев 2022 23:41:00

Предыдущая тема: Общие вопросы по оформлению (64)

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

+4

1281

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51422
  • Уважение: +15369
  • Позитив: +11882
  • Последний визит:
    Вчера 20:39:23

Андалузка
Дайте ссылку на пост с несколькими таблицами впритык, видную гостю(клик по дате в сообщении)

Отредактировано Deff (Ср, 8 Июл 2020 16:39:58)

+1

1282

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7390
  • Уважение: +5876
  • Позитив: +6482
  • Пол: Мужской
  • Последний визит:
    Чт, 21 Ноя 2024 21:12:40

Андалузка, в НТМЛ верх:

Код:
<!-- Стиль для погоды -->
<style>
.general_weather {display: flex;}

.weather, .day_grid {display: grid;}

.weather {
  width: 10%;
  grid-template: "day day"
                 "number number"
 "morning daytime"
 "evening night";
  grid-template-columns: 1fr 1fr;
  text-align: center;
  background: #9aa1a9;
  border: 2px solid #F5F5F5;
}

.weather div {
  padding: 0.4em 0.5em;
  border-bottom: 1px solid #F5F5F5;
}

.morning, .evening {border-right: 1px solid #F5F5F5;}

.evening, .night {border-top: 1px solid #F5F5F5;}

.day_grid {
  grid-template: "time_day"
                 "temp"
 "weather_picture";
  grid-template-columns: 1fr;
}

.day {grid-area: day;}
.number {grid-area: number;}
.morning {grid-area: morning;}
.daytime {grid-area: daytime;}
.evening {grid-area: evening;}
.night {grid-area: night;}

.time_day {grid-area: time_day;}
.temp {grid-area: temp;}
.weather_picture {grid-area: weather_picture;}

.morning, .night {background: #2c4562;}

.day, .number, .time_day {font-weight: bold;}
</style>

В пост вставлять через НТМЛ в сообщениях, скрипт надеюсь включен? Вот этот код в пост, или в любое другое место, которое поддерживает НТМЛ (например в объявление):

Код:
<div class="general_weather">

<!-- Понедельник -->
<div class="weather">

<div class="day">ПН</div>

<div class="number">1</div>

<div class="morning day_grid">
<p class="time_day">Утро</p>
<p class="temp">t°+15</p>
<abbr class="weather_picture" title="Облачно, без осадков">
<img src="https://forumupload.ru/uploads/0011/3d/dc/2/274329.png">
</abbr>
</div>

<div class="daytime day_grid">
<p class="time_day">День</p>
<p class="temp">t°+15</p>
<abbr class="weather_picture" title="Облачно, без осадков">
<img src="https://forumupload.ru/uploads/0011/3d/dc/2/274329.png">
</abbr>
</div>

<div class="evening day_grid">
<p class="time_day">Вечер</p>
<p class="temp">t°+15</p>
<abbr class="weather_picture" title="Облачно, без осадков">
<img src="https://forumupload.ru/uploads/0011/3d/dc/2/274329.png">
</abbr>
</div>

<div class="night day_grid">
<p class="time_day">Ночь</p>
<p class="temp">t°+15</p>
<abbr class="weather_picture" title="Облачно, без осадков">
<img src="https://forumupload.ru/uploads/0011/3d/dc/2/274329.png">
</abbr>
</div>

</div>
<!-- Конец Понедельник -->

<!-- Втроник -->
<div class="weather">

<div class="day">ВТ</div>

<div class="number">2</div>

<div class="morning day_grid">
<p class="time_day">Утро</p>
<p class="temp">t°+15</p>
<abbr class="weather_picture" title="Облачно, без осадков">
<img src="https://forumupload.ru/uploads/0011/3d/dc/2/274329.png">
</abbr>
</div>

<div class="daytime day_grid">
<p class="time_day">День</p>
<p class="temp">t°+15</p>
<abbr class="weather_picture" title="Облачно, без осадков">
<img src="https://forumupload.ru/uploads/0011/3d/dc/2/274329.png">
</abbr>
</div>

<div class="evening day_grid">
<p class="time_day">Вечер</p>
<p class="temp">t°+15</p>
<abbr class="weather_picture" title="Облачно, без осадков">
<img src="https://forumupload.ru/uploads/0011/3d/dc/2/274329.png">
</abbr>
</div>

<div class="night day_grid">
<p class="time_day">Ночь</p>
<p class="temp">t°+15</p>
<abbr class="weather_picture" title="Облачно, без осадков">
<img src="https://forumupload.ru/uploads/0011/3d/dc/2/274329.png">
</abbr>
</div>

</div>
<!-- Конец Вторник -->

<!-- Среда -->
<div class="weather">

<div class="day">СР</div>

<div class="number">3</div>

<div class="morning day_grid">
<p class="time_day">Утро</p>
<p class="temp">t°+15</p>
<abbr class="weather_picture" title="Облачно, без осадков">
<img src="https://forumupload.ru/uploads/0011/3d/dc/2/274329.png">
</abbr>
</div>

<div class="daytime day_grid">
<p class="time_day">День</p>
<p class="temp">t°+15</p>
<abbr class="weather_picture" title="Облачно, без осадков">
<img src="https://forumupload.ru/uploads/0011/3d/dc/2/274329.png">
</abbr>
</div>

<div class="evening day_grid">
<p class="time_day">Вечер</p>
<p class="temp">t°+15</p>
<abbr class="weather_picture" title="Облачно, без осадков">
<img src="https://forumupload.ru/uploads/0011/3d/dc/2/274329.png">
</abbr>
</div>

<div class="night day_grid">
<p class="time_day">Ночь</p>
<p class="temp">t°+15</p>
<abbr class="weather_picture" title="Облачно, без осадков">
<img src="https://forumupload.ru/uploads/0011/3d/dc/2/274329.png">
</abbr>
</div>

</div>
<!-- Конец Среда -->

</div>

Надеюсь понятно что куда вам вписывать? Сделал наиболее понятным образом.. Тестируйте..

Отредактировано kolobdur74 (Ср, 8 Июл 2020 17:54:04)

+3

1283

  • Автор: Андалузка
  • Заслуженный
  • Андалузка
  • Зарегистрирован: Ср, 1 Апр 2020
  • Сообщений: 12
  • Уважение: +2
  • Позитив: +2
  • Последний визит:
    Вт, 10 Ноя 2020 00:46:57

kolobdur74
спасибо большое. выглядит отлично и как надо  :cool:

http://anotherlondon.rusff.ru/pages/pogoda

+1

1284

  • Автор: Mirra Bell
  • Модератор
  • Mirra Bell
  • Зарегистрирован: Чт, 3 Апр 2014
  • Сообщений: 2184
  • Уважение: +1880
  • Позитив: +2475
  • Пол: Женский
  • Последний визит:
    Ср, 13 Ноя 2024 09:02:28

У меня тоже вопрос по таблице, никак не получается вписать ее в пост по ширине, обрезается. Уже ставила layout в и fixed, и в auto, и прописывала ширину внутри ячеек, и никак. Надо чтобы таблица вписывалась вся без полосы прокрутки при разной ширине поста, т.к. дизайны меняются.
Последний код

Код:
[html]
<table layout=fixed width=100% cellpadding="1" border="1">
<col1 width=5%>
<col2 width=3%>
<col3 width=3%>
<col4 width=3%>
<col5 width=3%>
<col6 width=3%>
<col7 width=3%>
<col8 width=3%>
<col9 width=3%>
<col10 width=3%>
<col11 width=3%>
<col12 width=3%>
<col13 width=3%>
<col14 width=3%>
<col15 width=3%>
<col16 width=3%>
<col17 width=3%>
<col18 width=3%>
<col19 width=3%>
<tr> 
<td bgcolor=#31271e colspan=19></td> 
</tr> 
<tr>
<td bgcolor=#dcccb2></td> 
<td bgcolor=#dcccb2>эльф</td> 
<td bgcolor=#dcccb2>люди</td> 
<td bgcolor=#dcccb2>драк</td> 
<td bgcolor=#dcccb2>ДСТ</td> 
<td bgcolor=#dcccb2>ДКЛ</td> 
<td bgcolor=#dcccb2>тифл</td> 
<td bgcolor=#dcccb2>айрес</td> 
<td bgcolor=#dcccb2>обор</td> 
<td bgcolor=#dcccb2>вампы</td> 
<td bgcolor=#dcccb2>призр</td> 
<td bgcolor=#dcccb2>гномы</td> 
<td bgcolor=#dcccb2>шеф</td> 
<td bgcolor=#dcccb2>дриады</td> 
<td bgcolor=#dcccb2>ним</td> 
<td bgcolor=#dcccb2>вив</td> 
<td bgcolor=#dcccb2>орки</td> 
<td bgcolor=#dcccb2>личи</td> 
<td bgcolor=#dcccb2>генази</td> 
</tr>
<tr>
<td bgcolor=#31271e>[color=silver]вд[/color]</td> 
<td bgcolor=#31271e>[color=silver]+*[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]вд[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]вд[/color]</td> 
</tr>
<tr>
<td bgcolor=#dcccb2>[color=black]змл[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]змл[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]змл
мтл[/color]</td> 
</tr>
<tr>
<td bgcolor=#31271e>[color=silver]огн[/color]</td> 
<td bgcolor=#31271e>[color=silver]сум[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]огн[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]огн
возд[/color]</td> 
</tr>
<tr>
<td bgcolor=#dcccb2>[color=black]возд[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]возд[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]возд
огня[/color]</td> 
</tr>
<tr>
<td bgcolor=#31271e>[color=silver]друид[/color]</td> 
<td bgcolor=#31271e>[color=silver]дроу-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
</tr>
<tr>
<td bgcolor=#dcccb2>[color=black]приз[/color]</td> 
<td bgcolor=#dcccb2>[color=black]дроу[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
</tr>
<tr>
<td bgcolor=#31271e>[color=silver]кровь[/color]</td> 
<td bgcolor=#31271e>[color=silver]дроу[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
</tr>
<tr> 
<td bgcolor=#dcccb2 colspan=19]</td> 
</tr> 
<tr>
<td bgcolor=#31271e>[color=silver]св.
мг.[/color]</td> 
<td bgcolor=#31271e>[color=silver]дроу-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]свет[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
</tr>
<tr>
<td bgcolor=#dcccb2>[color=black]мент[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]тлп[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
</tr>
<tr>
<td bgcolor=#31271e>[color=silver]тьма[/color]</td> 
<td bgcolor=#31271e>[color=silver]дроу[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]черн[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]only
шаманы[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]змл
мтл[/color]</td> 
</tr>
<tr>
<td bgcolor=#dcccb2>[color=black]некр[/color]</td> 
<td bgcolor=#dcccb2>[color=black]дроу[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]черн[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
</tr>
<tr>
<td bgcolor=#31271e>[color=silver]пси[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
</tr>
<tr>
<td bgcolor=#dcccb2>[color=black]руны[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
</tr>
<tr>
<td bgcolor=#31271e>[color=silver]иллюз[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]огн
возд[/color]</td> 
</tr>
<tr>
<td bgcolor=#dcccb2>[color=black]жреч[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
</tr>
<tr> 
<td bgcolor=#31271e colspan=19></td> 
</tr> 
</table>
[/html]

Еще был такой вариант

Код:
[html]
<table layout=fixed width=100% cellpadding="1" border="1">
<tr> 
<td bgcolor=#31271e colspan=19></td> 
</tr> 
<tr>
<td bgcolor=#dcccb2 width=2%></td> 
<td bgcolor=#dcccb2 width=2%>эльф</td> 
<td bgcolor=#dcccb2 width=2%>люди</td> 
<td bgcolor=#dcccb2 width=2%>драк</td> 
<td bgcolor=#dcccb2 width=2%>ДСТ</td> 
<td bgcolor=#dcccb2 width=2%>ДКЛ</td> 
<td bgcolor=#dcccb2 width=2%>тифл</td> 
<td bgcolor=#dcccb2 width=2%>айрес</td> 
<td bgcolor=#dcccb2 width=2%>обор</td> 
<td bgcolor=#dcccb2 width=2%>вампы</td> 
<td bgcolor=#dcccb2 width=2%>призр</td> 
<td bgcolor=#dcccb2 width=2%>гномы</td> 
<td bgcolor=#dcccb2 width=2%>шеф</td> 
<td bgcolor=#dcccb2 width=2%>дриады</td> 
<td bgcolor=#dcccb2 width=2%>ним</td> 
<td bgcolor=#dcccb2 width=2%>вив</td> 
<td bgcolor=#dcccb2 width=2%>орки</td> 
<td bgcolor=#dcccb2 width=2%>личи</td> 
<td bgcolor=#dcccb2 width=2%>генази</td> 
</tr>
<tr>
<td bgcolor=#31271e width=2%>[color=silver]вода[/color]</td> 
<td bgcolor=#31271e>[color=silver]+*[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]вода[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]воды[/color]</td> 
</tr>
<tr>
<td bgcolor=#dcccb2 width=2%>[color=black]змл[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]змл[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]змл
мтл[/color]</td> 
</tr>
<tr>
<td bgcolor=#31271e width=2%>[color=silver]огонь[/color]</td> 
<td bgcolor=#31271e>[color=silver]сум[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]огонь[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]огня
возд[/color]</td> 
</tr>
<tr>
<td bgcolor=#dcccb2 width=2%>[color=black]возд[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]возд[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]возд
огня[/color]</td> 
</tr>
<tr>
<td bgcolor=#31271e width=2%>[color=silver]друид[/color]</td> 
<td bgcolor=#31271e>[color=silver]дроу-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
</tr>
<tr>
<td bgcolor=#dcccb2 width=2%>[color=black]призыв[/color]</td> 
<td bgcolor=#dcccb2>[color=black]дроу[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
</tr>
<tr>
<td bgcolor=#31271e width=2%>[color=silver]кровь[/color]</td> 
<td bgcolor=#31271e>[color=silver]дроу[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
</tr>
<tr> 
<td bgcolor=#dcccb2 colspan=19]</td> 
</tr> 
<tr>
<td bgcolor=#31271e width=2%>[color=silver]св.
мг.[/color]</td> 
<td bgcolor=#31271e>[color=silver]дроу-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]светл[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
</tr>
<tr>
<td bgcolor=#dcccb2 width=2%>[color=black]мент[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]тлп[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
</tr>
<tr>
<td bgcolor=#31271e width=2%>[color=silver]тьма[/color]</td> 
<td bgcolor=#31271e>[color=silver]дроу[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]черн[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]only
шаманы[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]змл
мтл[/color]</td> 
</tr>
<tr>
<td bgcolor=#dcccb2 width=2%>[color=black]некрос[/color]</td> 
<td bgcolor=#dcccb2>[color=black]дроу[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]черн[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
</tr>
<tr>
<td bgcolor=#31271e width=2%>[color=silver]пси[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
</tr>
<tr>
<td bgcolor=#dcccb2>[color=black]руны[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
</tr>
<tr>
<td bgcolor=#31271e>[color=silver]иллюз[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]огонь
возд[/color]</td> 
</tr>
<tr>
<td bgcolor=#dcccb2>[color=black]жреч[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
</tr>
<tr> 
<td bgcolor=#31271e colspan=19></td> 
</tr> 
</table>
[/html]

0

1285

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7390
  • Уважение: +5876
  • Позитив: +6482
  • Пол: Мужской
  • Последний визит:
    Чт, 21 Ноя 2024 21:12:40
Mirra Bell написал(а):

У меня тоже вопрос по таблице, никак не получается вписать ее в пост по ширине, обрезается. Уже ставила layout в и fixed, и в auto, и прописывала ширину внутри ячеек, и никак. Надо чтобы таблица вписывалась вся без полосы прокрутки при разной ширине поста, т.к. дизайны меняются.

Скриншот скиньте как должно выглядеть..

0

1286

  • Автор: Mirra Bell
  • Модератор
  • Mirra Bell
  • Зарегистрирован: Чт, 3 Апр 2014
  • Сообщений: 2184
  • Уважение: +1880
  • Позитив: +2475
  • Пол: Женский
  • Последний визит:
    Ср, 13 Ноя 2024 09:02:28

kolobdur74
Где-то

так

https://i.imgur.com/yrSAlVJ.jpg

Это сделано в ВВ-кодах, но мне надо именно в HTML, а там не получается

Отредактировано Mirra Bell (Чт, 9 Июл 2020 19:30:46)

0

1287

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51422
  • Уважение: +15369
  • Позитив: +11882
  • Последний визит:
    Вчера 20:39:23

Mirra Bell
По идее подсмотреть код страницs(cонтрл+U), и скопировать HTML ?

И да, в HTML от сервиса может не получиться центровка именно из-за того, что там HTML во фрейме, тогда лучше поставить HTML с допуском по группам

Отредактировано Deff (Чт, 9 Июл 2020 19:37:33)

+1

1288

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7390
  • Уважение: +5876
  • Позитив: +6482
  • Пол: Мужской
  • Последний визит:
    Чт, 21 Ноя 2024 21:12:40
Mirra Bell написал(а):

Это сделано в ВВ-кодах, но мне надо именно в HTML, а там не получается

Перенос разрешается или надо без переноса? Количество ячеек по вертикали и горизонтали конечное или плавающее?

Отредактировано kolobdur74 (Чт, 9 Июл 2020 19:57:51)

0

1289

  • Автор: Mirra Bell
  • Модератор
  • Mirra Bell
  • Зарегистрирован: Чт, 3 Апр 2014
  • Сообщений: 2184
  • Уважение: +1880
  • Позитив: +2475
  • Пол: Женский
  • Последний визит:
    Ср, 13 Ноя 2024 09:02:28

kolobdur74
Без переноса, количество столбцов и строк фиксированное

Deff
Да фиг с ней, с центровкой, мне главное - чтобы вся таблица влазила в пост. А код я посмотрела, он вот

такой  %-)

https://i.imgur.com/SXtQ9YC.jpg

Я его неделю буду разбирать ) да и занимает он больше 57 тыс знаков, а моя таблица - около 15, мне это критично.

+1

1290

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7390
  • Уважение: +5876
  • Позитив: +6482
  • Пол: Мужской
  • Последний визит:
    Чт, 21 Ноя 2024 21:12:40

Mirra Bell, ну тестируйте:
В НТМЛ верх:

Код:
<!-- Стиль для таблицы рас -->
<style>
.general, .stroka {display: grid;}

.general {
  grid-template-columns: 1fr;
  grid-auto-rows: 1fr;
}

.stroka {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  text-align: center;
}

.one {background: #dcccb2;color: #31271e;}
.two {background: #31271e;color: #ffffff;}
</style>

Где, вот здесь:

.stroka {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  text-align: center;
}

Красным пишем количество ячеек в строке..

Этот код ставим в любое место где используется НТМЛ:

Код:
<!-- Таблица рас -->
<div  class="general">

<!-- Первое двустрочье -->
<div class="stroka">

<!-- Первая строка -->
<div class="one">Назв</div>
<div class="one">Эльфы</div>
<div class="one">Люди</div>

<!-- Вторая строка -->
<div class="two">вода</div>
<div class="two">+*</div>
<div class="two">+</div>

</div>

<!-- Второе двустрочье -->
<div class="stroka">

<!-- Первая строка -->
<div class="one">Назв</div>
<div class="one">Эльфы</div>
<div class="one">Люди</div>

<!-- Вторая строка -->
<div class="two">вода</div>
<div class="two">+*</div>
<div class="two">+</div>

</div>

<!-- Третье двустрочье -->
<div class="stroka">

<!-- Первая строка -->
<div class="one">Назв</div>
<div class="one">Эльфы</div>
<div class="one">Люди</div>

<!-- Вторая строка -->
<div class="two">вода</div>
<div class="two">+*</div>
<div class="two">+</div>

</div>

</div>

Я сделал в виде двустрочья - в каждом блоке с классом stroka идет две строки (сколько надо столько их и делаем), то есть в каждом блоке идет две строки класс one - это верхняя строка, класс two - это нижняя строка.. Надеюсь понятно объяснил.. Для примера сделал три на три - больше было лень.. Тестируйте..

Отредактировано kolobdur74 (Чт, 9 Июл 2020 21:23:28)

+5

1291

  • Автор: murrena
  • Заслуженный
  • murrena
  • Зарегистрирован: Вт, 20 Ноя 2018
  • Сообщений: 90
  • Уважение: +48
  • Позитив: +66
  • Последний визит:
    Сб, 10 Авг 2024 10:51:37

Добрый день!
Подскажите пож-та, есть ли возможность (скрипт или еще что) в форуме при создании темы выделить название темы (ЗАГОЛОВОК).
https://forumupload.ru/uploads/0000/14/1c/36358/t549430.jpg
Поясню. В форуме есть главная тема и остальные все как бы сопутствующие. Вот чтобы эта главная не терялась в списке остальных тем форума этого, нужно выделить ее цветом или жирным шрифтом.

Отредактировано murrena (Ср, 15 Июл 2020 06:24:25)

0

1292

  • Автор: tartar1
  • поэт..
  • Зарегистрирован: Вс, 16 Апр 2017
  • Сообщений: 1736
  • Уважение: +208
  • Позитив: +1070
  • Предупреждения: 1+1+1 ‡
  • Последний визит:
    Вчера 23:06:00

https://sun9-37.userapi.com/9tjzBJsEO96wGhLm76SHoruw1gdGVQXQFoA6tw/orjjB6xej84.jpg

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

0

1293

  • Автор: tartar1
  • поэт..
  • Зарегистрирован: Вс, 16 Апр 2017
  • Сообщений: 1736
  • Уважение: +208
  • Позитив: +1070
  • Предупреждения: 1+1+1 ‡
  • Последний визит:
    Вчера 23:06:00

у меня есть таблица респектов в объявлении

https://i.imgur.com/n2qdepT.png

она переключается в мобильной версии в две колонки. надо чтоб не переключалась. чтоб оставались колонки все

0

1294

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51422
  • Уважение: +15369
  • Позитив: +11882
  • Последний визит:
    Вчера 20:39:23
murrena написал(а):

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

В Модер меню есть пункт: Выделить тему
https://forumupload.ru/uploads/0000/14/1c/22787/37770.jpg
На стандартных дизайнах от сервиса тема выделяется жирным и закрепляется вверху тем раздела... По идее, поскольку у таких тем есть специфический селектор можно дополнительно выделить. к примеру цветом или подчеркиванием

+2

1295

  • Автор: murrena
  • Заслуженный
  • murrena
  • Зарегистрирован: Вт, 20 Ноя 2018
  • Сообщений: 90
  • Уважение: +48
  • Позитив: +66
  • Последний визит:
    Сб, 10 Авг 2024 10:51:37

Deff
Спасибо огромное! Тема закрепилась наверху с пометкой ВАЖНО. А вот цветом или жирным шрифтом не удалось выделить. Это потому что у меня Свой стиль форума?

0

1296

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51422
  • Уважение: +15369
  • Позитив: +11882
  • Последний визит:
    Вчера 20:39:23

murrena
Ну добавьте в Стиль чо нидь такое:

.punbb .stickytext + a,
.punbb .stickytext + strong > a {
  color:#800000 !important;
  font-weight:bold!important;
  }

Отредактировано Deff (Ср, 15 Июл 2020 12:41:27)

+1

1297

  • Автор: murrena
  • Заслуженный
  • murrena
  • Зарегистрирован: Вт, 20 Ноя 2018
  • Сообщений: 90
  • Уважение: +48
  • Позитив: +66
  • Последний визит:
    Сб, 10 Авг 2024 10:51:37
Deff написал(а):

murrena
Ну добавьте в Стиль чо нидь такое:

.punbb .stickytext + a,
.punbb .stickytext + strong > a {
  color:#800000 !important;

а куда именно?

0

1298

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51422
  • Уважение: +15369
  • Позитив: +11882
  • Последний визит:
    Вчера 20:39:23
murrena написал(а):

а куда именно?

Ну к примеру в конец Первого окна стиля

+1

1299

  • Автор: tartar1
  • поэт..
  • Зарегистрирован: Вс, 16 Апр 2017
  • Сообщений: 1736
  • Уважение: +208
  • Позитив: +1070
  • Предупреждения: 1+1+1 ‡
  • Последний визит:
    Вчера 23:06:00

Deff
а как задать минимальную ширину для объявления? при 530 ширине не переключается таблица в мобильный

0

1300

  • Автор: murrena
  • Заслуженный
  • murrena
  • Зарегистрирован: Вт, 20 Ноя 2018
  • Сообщений: 90
  • Уважение: +48
  • Позитив: +66
  • Последний визит:
    Сб, 10 Авг 2024 10:51:37

Deff http://images.vfl.ru/ii/1548991449/e4f4cdc5/25202689.gif получилось! Спасибо!!!!

0

Тема закрыта
Страница:   1 … 63 64 65 66 67 … 101  

Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (65)