Сообщений в теме: 2

[katty-cherry]

Посмотрите мою главную страницу www.zhy-zha.ru - измучалась я уже с таблицей. Делаю по ширине- текст сливается. Делаю левый столбик по левому краю-он получается по ширине?! а правый-по правому краю- так по правому и выравнивается. В итоге хрень((( Помогите плиз. Мне надо, чтобы оба столбика были выровнены по ширине и были читабельны, т.е между ними д.б расстояние. Мой аккаунт SL-291133

[Сake]

Первое что можно сделать, так это восстановить стили таблицы в описании. Добавьте в конец вашего файла стилей 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 {border: 1px solid; vertical-align: top;}
.htmlDataBlock table {border-collapse: collapse; border-spacing: 2px;}

Цитата

а правый-по правому краю- так по правому и выравнивается

У вас прописан стиль text-align: right; непосредственно в теге таблицы. Вам необходимо отредактировать ваше описание, выделив необходимую ячейку и выбрав направление текста (в визуальном редакторе) или же сбросить форматирование вовсе например через кнопку "Источник".

[katty-cherry]

спасибо

Сake (16 Май 2014 - 01:16) писал:

Первое что можно сделать, так это восстановить стили таблицы в описании. Добавьте в конец вашего файла стилей 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 {border: 1px solid; vertical-align: top;}
.htmlDataBlock table {border-collapse: collapse; border-spacing: 2px;}

У вас прописан стиль text-align: right; непосредственно в теге таблицы. Вам необходимо отредактировать ваше описание, выделив необходимую ячейку и выбрав направление текста (в визуальном редакторе) или же сбросить форматирование вовсе например через кнопку "Источник".

спасибо