Перейти к содержимому


Не Отображаются Границы Таблицы На Странице Доставка


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 13

#1 Repych

Repych

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 52 сообщений
  • ГородМосква

Отправлено 14 Май 2014 - 22:25

Добрый день!
На контент-странице доставка в администрировании сделал таблицу с ценами, но на сайте она отображается без границ. Анализ кода элемента показал, что границу убирает стиль. Как это исправить?

reset_03.css

/*resets*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  [b]border: 0;[/b]
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

Аккаунт SL-192483



#2 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 14 Май 2014 - 22:29

Просмотр сообщенияRepych (14 Май 2014 - 22:25) писал:

Добрый день!
На контент-странице доставка в администрировании сделал таблицу с ценами, но на сайте она отображается без границ. Анализ кода элемента показал, что границу убирает стиль. Как это исправить?

reset_03.css

/*resets*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
[b]border: 0;[/b]
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

Аккаунт SL-192483


В режиме редактирования нажмите кнопку: Источник. И там найдите код:
<table border="1" bordercolor="black" cellpadding="1" cellspacing="1" style="width: 630px;">

и замените его на:
<table border="1" bordercolor="black" cellpadding="1" cellspacing="1" style="width: 630px; border: 1px solid #000;">


#3 Repych

Repych

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 52 сообщений
  • ГородМосква

Отправлено 15 Май 2014 - 21:21

Просмотр сообщенияMikDark (14 Май 2014 - 22:29) писал:

В режиме редактирования нажмите кнопку: Источник. И там найдите код:
<table border="1" bordercolor="black" cellpadding="1" cellspacing="1" style="width: 630px;">

и замените его на:
<table border="1" bordercolor="black" cellpadding="1" cellspacing="1" style="width: 630px; border: 1px solid #000;">
Если внимательно посмотреть стиль, он не только к таблице, но и к строкам и к ячейкам применяется. Т.е. нужно в каждый тэг это добавлять.
Еще не получается отступ от границ сделать.

Более правильный способ есть?

#4 Repych

Repych

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 52 сообщений
  • ГородМосква

Отправлено 15 Май 2014 - 22:02

Сменил тему, там аналогичная проблема.

#5 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 16 Май 2014 - 01:03

Попробуйте в конец вашего файла стилей main.css добавить следующий код

/* Фикс для отображения данных добавленных через админку в таком же виде, как и в визуальном редакторе */
.htmlDataBlock ol {margin:10px 0 10px 2em;font: 12px/20px Tahoma, Geneva, sans-serif;color: #666;}
.htmlDataBlock ul {margin:10px 0 10px 2em;font: 12px/20px Tahoma, Geneva, sans-serif;color: #666;}
.htmlDataBlock ol li {list-style-type: decimal;}
.htmlDataBlock ul li {list-style-type: disc;}
.htmlDataBlock sub {vertical-align: sub;font-size: smaller;}
.htmlDataBlock sup {vertical-align: super;font-size: smaller;}
.htmlDataBlock p { margin:1em 0; }
.htmlDataBlock blockquote {font-style: italic;font-family: Georgia, Times, "Times New Roman", serif;padding: 2px 0 8px 20px;margin: 1em 1em 1em 3em;border-style: solid;border-color: #ccc;border-width: 0;border-left-width: 5px;}
.htmlDataBlock table, .htmlDataBlock tr, .htmlDataBlock td, .htmlDataBlock th {border: 1px solid;}
.htmlDataBlock td, .htmlDataBlock th {vertical-align: top; text-align: left;}
.htmlDataBlock table {border-collapse: collapse; border-spacing: 2px;}


#6 DESPERADO

DESPERADO

    Пользователь

  • Пользователи
  • PipPip
  • 25 сообщений

Отправлено 04 Ноябрь 2014 - 21:26

Добрый день.

Я хочу вставить таблицу как указано в прикрепленном файле, но её границы не прорисовываются, как это исправить?

Прикрепленные изображения

  • таблица.jpg


#7 Dars

Dars

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 410 сообщений

Отправлено 05 Ноябрь 2014 - 13:05

Просмотр сообщенияDESPERADO (04 Ноябрь 2014 - 21:26) писал:

Добрый день.

Я хочу вставить таблицу как указано в прикрепленном файле, но её границы не прорисовываются, как это исправить?
Попробуйте в main.css добавить:

.htmlDataBlock td {border:1px solid black;}


#8 DESPERADO

DESPERADO

    Пользователь

  • Пользователи
  • PipPip
  • 25 сообщений

Отправлено 05 Ноябрь 2014 - 20:55

Просмотр сообщенияDars (05 Ноябрь 2014 - 13:05) писал:

Попробуйте в main.css добавить:

.htmlDataBlock td {border:1px solid black;}

спасибо, помогло :)

#9 Rebvjd

Rebvjd

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 247 сообщений

Отправлено 14 Январь 2016 - 00:38

Здравствуйте. Я добавил в css добавил код: .htmlDataBlock td {border:1px solid black;}
все получилось, но не получается выровнять по центру. Таблица вставилась широкая и не как не получается изменить параметры ячеек. Вот что получилось:
http://sweetjoy.ru/p...-gorodah-Rossii
Подскажите как поправить???

#10 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 14 Январь 2016 - 01:11

Стиль:
.htmlDataBlock td {border:1px solid black;}

замените на:
.htmlDataBlock tr:first-child td {
	text-align: center;
}
.htmlDataBlock td {
	border: 1px solid #000;
	padding: 5px;
}


#11 Rebvjd

Rebvjd

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 247 сообщений

Отправлено 14 Январь 2016 - 01:30

Не помогло. Может я что-то не так делаю?

#12 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 14 Январь 2016 - 02:22

Изменения видны на данный момент, если перейти по вашей ссылке, первый горизонтальный ряд выровнен по центру, всем ячейкам задан отступ, если необходимо чтобы текст во всех ячейках был по центру, то
.htmlDataBlock tr:first-child td {
		text-align: center;
}
.htmlDataBlock td {
		border: 1px solid #000;
		padding: 5px;
}

замените на:
.htmlDataBlock td {
		border: 1px solid #000;
		padding: 5px;
		text-align: center;
}

После изменений не забывайте чистить кэш браузера.

#13 Rebvjd

Rebvjd

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 247 сообщений

Отправлено 14 Январь 2016 - 19:27

Проблему не решил. Думаю Вы меня немного не понимаете, мне не текст в ячейках надо выровнять по центру- а таблицу! Размер таблицы огромный и не помещается в блоке, как изменить размер таблицы? Посмотрите пожалуйста изображение.

Прикрепленные изображения

  • Новый рисунок (2).jpg


#14 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 14 Январь 2016 - 20:51

Просмотр сообщенияRebvjd (14 Январь 2016 - 19:27) писал:

Проблему не решил. Думаю Вы меня немного не понимаете, мне не текст в ячейках надо выровнять по центру- а таблицу! Размер таблицы огромный и не помещается в блоке, как изменить размер таблицы? Посмотрите пожалуйста изображение.
Здравствуйте, данная проблема связана с тем, что у Вас отсутствую пробелы в словах тем самым образуются очень большие слова, например

Проезд: автобус №№-

3,7,14,15,22,26,27а,39,40,41,42к,44к,45,46,49к,50,53,58а,60,63,66,71,72,78,78а,80,81,82,83,84,85,86,89,90,91,92,93,94,95,98,99,251,453

, марш. такси №№-


3,7,14,15,22,26,27а,39,40,41,42к,44к,45,46,49к,50,53,58а,60,63,66,71,72,78,78а,80,81,82,83,84,85,86,89,90,91,92,93,94,95,98,99,251,453 это одно большое слово, вам необходимо добавить пробелы после запятой.


данных слов в таблице очень много.







Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных