0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 237 Просмотров
*

vetal.kampik

  • Осваиваюсь на форуме
  • 86
  • -1
Ребята, привет!
нужна помощь  !
сделал табличку в описании товара в JS и она не отображает границы, а без границ она совсем не читается.
в редакторе уже задавал и цвет и толщину, но не помогает.
вот так выглядит код таблицы:
Код
<table style="border-collapse: collapse; border: 1px solid black;" border="2">
<tbody>
<tr>
<td style="width: 218px; text-align: center; height: 19px;" colspan="2"><span style="font-size: 18px;">Określenie cechów</span></td>
<td style="width: 41px; text-align: center; height: 19px;"><span style="font-size: 18px;">Wymiar </span></td>
<td style="width: 560px; text-align: center; height: 19px;" colspan="7"><span style="font-size: 18px;">Typ</span></td>
</tr>
<tr style="height: 34px;">
<td style="width: 218px; height: 34px;" colspan="2"><span style="font-size: 18px;">Wydajność suszarni przy suszenie ziarna pszenicy od 20 do 14%</span></td>
<td style="width: 41px; text-align: center; height: 34px;"><span style="font-size: 18px;">t/h</span></td>
<td style="width: 80px; text-align: center; height: 34px;"><span style="font-size: 18px;">sz-3</span></td>
<td style="width: 80px; text-align: center; height: 34px;"><span style="font-size: 18px;">sz-6</span></td>
<td style="width: 80px; text-align: center; height: 34px;"><span style="font-size: 18px;">sz-10</span></td>
<td style="width: 80px; text-align: center; height: 34px;"><span style="font-size: 18px;">sz-16</span></td>
<td style="width: 80px; text-align: center; height: 34px;"><span style="font-size: 18px;">sz-30</span></td>
<td style="width: 80px; text-align: center; height: 34px;"><span style="font-size: 18px;">sz-40</span></td>
<td style="width: 80px; text-align: center; height: 34px;"><span style="font-size: 18px;">sz-50</span></td>
</tr>
<tr style="height: 19px;">
<td style="width: 218px; height: 19px;" colspan="2"><span style="font-size: 18px;">Pojemność suszarni nie mniejsze</span></td>
<td style="width: 41px; text-align: center; height: 19px;"><span style="font-size: 18px;">m<sup>3</sup></span></td>
<td style="width: 80px; text-align: center; height: 19px;"><span style="font-size: 18px;">4,5</span></td>
<td style="width: 80px; text-align: center; height: 19px;"><span style="font-size: 18px;">9</span></td>
<td style="width: 80px; text-align: center; height: 19px;"><span style="font-size: 18px;">14</span></td>
<td style="width: 80px; text-align: center; height: 19px;"><span style="font-size: 18px;">18</span></td>
<td style="width: 80px; text-align: center; height: 19px;"><span style="font-size: 18px;">40</span></td>
<td style="width: 80px; text-align: center; height: 19px;"><span style="font-size: 18px;">68</span></td>
<td style="width: 80px; text-align: center; height: 19px;"><span style="font-size: 18px;">—</span></td>
</tr>
<tr style="height: 34px;">
<td style="width: 218px; height: 34px;" colspan="2"><span style="font-size: 18px;">Wyznaczona moc elektryczna (bez generatora cieplnego) nie więcej</span></td>
<td style="width: 41px; text-align: center; height: 34px;"><span style="font-size: 18px;">kVt</span></td>
<td style="width: 80px; text-align: center; height: 34px;"><span style="font-size: 18px;">25,5</span></td>
<td style="width: 80px; text-align: center; height: 34px;"><span style="font-size: 18px;">31</span></td>
<td style="width: 80px; text-align: center; height: 34px;"><span style="font-size: 18px;">49,565</span></td>
<td style="width: 80px; text-align: center; height: 34px;"><span style="font-size: 18px;">65</span></td>
<td style="width: 80px; text-align: center; height: 34px;"><span style="font-size: 18px;">92,4</span></td>
<td style="width: 80px; text-align: center; height: 34px;"><span style="font-size: 18px;">135</span></td>
<td style="width: 80px; text-align: center; height: 34px;"><span style="font-size: 18px;">145</span></td>
</tr>
<tr style="height: 39px;">
<td style="width: 123px; height: 62px;" rowspan="2"><span style="font-size: 18px;">Zużycie paliwa przy suszenie ziarna spożywczego nie więcej</span></td>
<td style="width: 95px; height: 39px;"><span style="font-size: 18px;">Olej napędowy</span></td>
<td style="width: 41px; text-align: center; height: 39px;"><span style="font-size: 18px;">kg/t</span></td>
<td style="width: 80px; text-align: center; height: 39px;"><span style="font-size: 18px;">1,0</span></td>
<td style="width: 80px; text-align: center; height: 39px;"><span style="font-size: 18px;">1,0</span></td>
<td style="width: 80px; text-align: center; height: 39px;"><span style="font-size: 18px;">1,0</span></td>
<td style="width: 80px; text-align: center; height: 39px;"><span style="font-size: 18px;">1,0</span></td>
<td style="width: 80px; text-align: center; height: 39px;"><span style="font-size: 18px;">1,0</span></td>
<td style="width: 80px; text-align: center; height: 39px;"><span style="font-size: 18px;">1,0</span></td>
<td style="width: 80px; text-align: center; height: 39px;"><span style="font-size: 18px;">1,0</span></td>
</tr>
<tr style="height: 23px;">
<td style="width: 95px; height: 23px;"><span style="font-size: 18px;">Gaz naturalny</span></td>
<td style="width: 41px; text-align: center; height: 23px;"><span style="font-size: 18px;">m<sup>3</sup>/t</span></td>
<td style="width: 80px; text-align: center; height: 23px;"><span style="font-size: 18px;">1,33</span></td>
<td style="width: 80px; text-align: center; height: 23px;"><span style="font-size: 18px;">1,33</span></td>
<td style="width: 80px; text-align: center; height: 23px;"><span style="font-size: 18px;">1,33</span></td>
<td style="width: 80px; text-align: center; height: 23px;"><span style="font-size: 18px;">1,33</span></td>
<td style="width: 80px; text-align: center; height: 23px;"><span style="font-size: 18px;">1,33</span></td>
<td style="width: 80px; text-align: center; height: 23px;"><span style="font-size: 18px;">1,33</span></td>
<td style="width: 80px; text-align: center; height: 23px;"><span style="font-size: 18px;">1,33</span></td>
</tr>
<tr style="height: 19px;">
<td style="width: 123px; height: 58px;" rowspan="3"><span style="font-size: 18px;">Rozmiary bez generatora cieplnego, nie więcej</span></td>
<td style="width: 95px; height: 19px;"><span style="font-size: 18px;">Długość</span></td>
<td style="width: 41px; text-align: center; height: 19px;"><span style="font-size: 18px;">mm</span></td>
<td style="width: 80px; text-align: center; height: 19px;"><span style="font-size: 18px;">5300</span></td>
<td style="width: 80px; text-align: center; height: 19px;"><span style="font-size: 18px;">8300</span></td>
<td style="width: 80px; text-align: center; height: 19px;"><span style="font-size: 18px;">8450</span></td>
<td style="width: 80px; text-align: center; height: 19px;"><span style="font-size: 18px;">9100</span></td>
<td style="width: 80px; text-align: center; height: 19px;"><span style="font-size: 18px;">8000</span></td>
<td style="width: 80px; text-align: center; height: 19px;"><span style="font-size: 18px;">9000</span></td>
<td style="width: 80px; text-align: center; height: 19px;"><span style="font-size: 18px;">10000</span></td>
</tr>
<tr style="height: 19px;">
<td style="width: 95px; height: 19px;"><span style="font-size: 18px;">Szerokość</span></td>
<td style="width: 41px; text-align: center; height: 19px;"><span style="font-size: 18px;">mm</span></td>
<td style="width: 80px; text-align: center; height: 19px;"><span style="font-size: 18px;">1750</span></td>
<td style="width: 80px; text-align: center; height: 19px;"><span style="font-size: 18px;">1750</span></td>
<td style="width: 80px; text-align: center; height: 19px;"><span style="font-size: 18px;">3200</span></td>
<td style="width: 80px; text-align: center; height: 19px;"><span style="font-size: 18px;">3200</span></td>
<td style="width: 80px; text-align: center; height: 19px;"><span style="font-size: 18px;">6000</span></td>
<td style="width: 80px; text-align: center; height: 19px;"><span style="font-size: 18px;">7000</span></td>
<td style="width: 80px; text-align: center; height: 19px;"><span style="font-size: 18px;">7100</span></td>
</tr>
<tr style="height: 20px;">
<td style="width: 95px; height: 20px;"><span style="font-size: 18px;">Wysokość</span></td>
<td style="width: 41px; text-align: center; height: 20px;"><span style="font-size: 18px;">mm</span></td>
<td style="width: 80px; text-align: center; height: 20px;"><span style="font-size: 18px;">4650</span></td>
<td style="width: 80px; text-align: center; height: 20px;"><span style="font-size: 18px;">4650</span></td>
<td style="width: 80px; text-align: center; height: 20px;"><span style="font-size: 18px;">6500</span></td>
<td style="width: 80px; text-align: center; height: 20px;"><span style="font-size: 18px;">8500</span></td>
<td style="width: 80px; text-align: center; height: 20px;"><span style="font-size: 18px;">12400</span></td>
<td style="width: 80px; text-align: center; height: 20px;"><span style="font-size: 18px;">14400</span></td>
<td style="width: 80px; text-align: center; height: 20px;"><span style="font-size: 18px;">14700</span></td>
</tr>
<tr style="height: 20px;">
<td style="width: 218px; height: 20px;" colspan="2"><span style="font-size: 18px;">Masa suszarni</span></td>
<td style="width: 41px; text-align: center; height: 20px;"><span style="font-size: 18px;">kg</span></td>
<td style="width: 80px; text-align: center; height: 20px;"><span style="font-size: 18px;">3500</span></td>
<td style="width: 80px; text-align: center; height: 20px;"><span style="font-size: 18px;">4600</span></td>
<td style="width: 80px; text-align: center; height: 20px;"><span style="font-size: 18px;">6500</span></td>
<td style="width: 80px; text-align: center; height: 20px;"><span style="font-size: 18px;">8500</span></td>
<td style="width: 80px; text-align: center; height: 20px;"><span style="font-size: 18px;">13000</span></td>
<td style="width: 80px; text-align: center; height: 20px;"><span style="font-size: 18px;">18000</span></td>
<td style="width: 80px; text-align: center; height: 20px;"><span style="font-size: 18px;">19000</span></td>
</tr>
</tbody>
</table>
*

pavelrer

  • Завсегдатай
  • 412
  • 8
Ну как вариант в td или tr поставить style="border-collapse: collapse; border: 1px solid black;" border="2"
Не если честно я со style=" - борюсь и вывожу в файл стилей.
*

vetal.kampik

  • Осваиваюсь на форуме
  • 86
  • -1
pavelrer, а как правильно вывести в файл стиля это все?
*

pavelrer

  • Завсегдатай
  • 412
  • 8
в подключаемый CSS

.my_style1
{
width: 80px;
text-align: center;
height: 34px;
}

а в место,

style="width: 80px; text-align: center; height: 34px;"

везде вставить

class="my_style1"


ну и с бордером так же

ну воще надоб почитать про HTML и CSS - так будет понятнее

« Последнее редактирование: 12.05.2016, 14:19:46 от pavelrer »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Дополнительное поле - цвет

Автор Аня

Ответов: 1
Просмотров: 115
Последний ответ 26.07.2017, 00:07:31
от Septdir
Отдельный цвет текста

Автор RaMzEs 20

Ответов: 8
Просмотров: 195
Последний ответ 15.06.2017, 08:58:55
от SeBun
Как поменять цвет сайта с серого на зеленый, например?

Автор artem4msr

Ответов: 6
Просмотров: 264
Последний ответ 09.12.2016, 19:28:20
от artem4msr
Импорт таблицы с картинками

Автор bambay

Ответов: 9
Просмотров: 373
Последний ответ 09.09.2016, 19:53:11
от effrit
Дефолтный редактор текста - где цвет и размер шрифта?!

Автор Absalem

Ответов: 2
Просмотров: 267
Последний ответ 01.09.2016, 19:46:35
от Absalem