Назначить стиль для бордюра - Joomla 1.0: Общие вопросы

Столкнулся с задачей
Матриалы верстаються с помощью таблиц
и border="1" как то не красиво

хочу с помощью css суфикса
добавить стиль типа
{
    border-style: dashed;
    padding: 1px;
   }

но не понимаю как это реализовать?

вы хотите ксс-суфикс добавить куда - в настройки пункта меню или в хтмл-код материала в текстовом редакторе в админке?

вариант таков
td.mytd
{
border-bottom:#0000FF 1px dashed;
border-left:#0000FF 1px dashed;
border-right:#0000FF 1px dashed;
padding:1;
}

в текстовом редакторе открываете код хтмл и для вашей ячейки вставляете td class="mytd"

если же вы хотите изменить оформление для ячеек таблиц, которые выводятся например через пункт меню Блог-содержимое категории, то в параметрах этого пункта меню внесите свой суффикс (например _mysuf)  и в ваш ксс-файл надо будет добавить следующее
table.contentpaneopen_mysuf td {

}

или поясните конкретнее что хотите ))

вот материал на главной странице  http://bukharapiter.ru/index.php
хотелось бы что бы бордюр был как у меню

штрихом dashed;

сделал как вы посоветовали не получилось с суфиксом

table.contentpaneopen_mysuf td {
border-bottom:#0000FF 1px dashed;
border-left:#0000FF 1px dashed;
border-right:#0000FF 1px dashed;
padding:1;
}

эээ, батенька!
так ведь эти таблицы у вас  - это контент сайта, откройте его в админке, перейдите по кнопке Показать ХТМЛ код и добавьте нужные классы к нужным вам таблицам. И конечно в файл со стилями вашего шаблона добавить описание ваших классов.

а вот как теперь для моего случая
вот эту таблицу
<style type='text/css'>
<!--
.ddmx77{
border:0px solid #FFFFFF !important;
}
.ddmx77 a.item1,
.ddmx77 a.item1:hover,
.ddmx77 a.item1-active,
.ddmx77 a.item1-active:hover {
padding: 5px 5px 5px 5px !important;
top: 0px ;
left: 0px;
font-size: 12px !important;
font-family: Arial, Helvetica, sans-serif !important;
text-align: left !important;
font-weight: bold !important;
color: #D78807 !important;
text-decoration: none !important;
display: block;
white-space: nowrap;
position: relative;
background-color: #FFFCDA !important;
width:157px;
}
.ddmx77 td.item11 {
padding:0 !important;
 border-top: 1px dashed #CCCCCC !important;
border-left: 1px dashed #CCCCCC !important;
border-right: 1px dashed #CCCCCC !important;
border-bottom: 0 !important;
white-space: nowrap !important;
width:157px;
}
.ddmx77 td.item11-last {
 padding:0 !important;
 border: 1px dashed #CCCCCC !important;
 white-space: nowrap;
width:157px;
}
.ddmx77 td.item11-acton {
padding:0 !important;
border-top: 1px dashed #CCCCCC !important;
border-left: 1px dashed #CCCCCC !important;
white-space: nowrap;
border-right: 1px dashed #CCCCCC !important;
}
.ddmx77 td.item11-acton-last {
border: 1px dashed #CCCCCC !important;
}
.ddmx77 .item11-acton-last a.item1,
.ddmx77 .item11-acton a.item1,
.ddmx77 .item11-acton-last a:hover,
.ddmx77 .item11-acton a:hover,
.ddmx77 .item11 a:hover,
.ddmx77 .item11-last a:hover,
.ddmx77 a.item1-active,
.ddmx77 a.item1-active:hover {
 color: #FFFFFF !important;
background-color: #F0BF6F !important;
}
.ddmx77 a.item2,
.ddmx77 a.item2:hover,
.ddmx77 a.item2-active,
.ddmx77 a.item2-active:hover {
padding: 5px 5px 5px 5px !important;
font-size: 12px !important;
font-family: Arial, Helvetica, sans-serif !important;
 text-align: left !important;
font-weight: bold !important;
text-decoration: none !important;
display: block;
white-space: nowrap;
 position: relative;
 z-index:500;
 -moz-opacity:0.85;
}
.ddmx77 a.item2 {
background-color: #FFFCDA !important;
color: #E18246 !important;
 border-top: 1px solid #CCCCCC !important;
border-left: 1px solid #CCCCCC !important;
border-right: 1px solid #CCCCCC !important;
}
.ddmx77 a.item2-last {
background-color: #FFFCDA !important;
color: #E18246 !important;
border-bottom: 1px solid #CCCCCC !important;
z-index:500;
}
.ddmx77 a.item2:hover,
.ddmx77 a.item2-active,
.ddmx77 a.item2-active:hover {
 background-color: #FFFFCC !important;
 color: #FF9900 !important;
 border-top: 1px solid #CCCCCC !important;
 border-left: 1px solid #CCCCCC !important;
 border-right: 1px solid #CCCCCC !important;
 }
.ddmx77 .section {
border: 0px solid #FFFFFF !important;
position: absolute;
visibility: hidden;
display: block;
z-index: -1;
}
.ddmx77frame {
border: 0px solid #FFFFFF !important;
}
.ddmx77 .item11-acton .item1 img.seq2,
.ddmx77 img.seq1
{
 display:    inline;
}
.ddmx77 a.item1:hover img.seq2,
.ddmx77 a.item1-active img.seq2,
.ddmx77 a.item1-active:hover img.seq2,
.ddmx77 a.item2:hover img.seq2,
.ddmx77 a.item2-active img.seq2,
.ddmx77 a.item2-active:hover img.seq2
{
 display:    inline;
}
.ddmx77 img.seq2,
.ddmx77 .item11-acton .item1 img.seq1,
.ddmx77 a.item2:hover img.seq1,
.ddmx77 a.item2-active img.seq1,
.ddmx77 a.item2-active:hover img.seq1,
.ddmx77 a.item1:hover img.seq1,
.ddmx77 a.item1-active img.seq1,
.ddmx77 a.item1-active:hover img.seq1
{
display:   none;
}
* html .ddmx77 td { position: relative; } /* ie 5.0 fix */

-->
</style>


применять для статей по суфиксу 

Учимся пользоваться Мозилой и Фиребагом!

ваш код

меняете на

просмотрите отличия и сделайте здобавление класс в тег а для 2х др ячеек

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

<style type='text/css'>
<!--
.ddmx77{
border:0px solid #FFFFFF !important;
}
.ddmx77 td.item11 {
padding:0;
 border-top: 1px dashed #CCCCCC;
border-left: 1px dashed #CCCCCC;
border-right: 1px dashed #CCCCCC;
border-bottom: 0;
white-space: nowrap;
}
* html .ddmx77 td { position: relative; } /* ie 5.0 fix */
-->
</style>

тоесть если вручную править
<table class="ddmx77"
<td class="item11">
все работает это и понятно но хотелось бы либо по умолчанию либо по указанию суфикса в статье

никак!
необходимо вносить дополнительный класс для внутренних элементов, в противном случае оформление для td будет применено для всех td данного материала

Ясно
вот внест в таблицу стилей

.mx77{
border:0px solid #FFFFFF !important;
}

.mx77 td.mx78 {
padding:0;
 border-top: 1px dashed #CCCCCC;
border-left: 1px dashed #CCCCCC;
border-right: 1px dashed #CCCCCC;
border-bottom: 1px dashed #CCCCCC; 
}
Теперь в визуальном JCE редакторе стиль таблицы mx77 видит
а вот класс для ечеек нет приходиться дописывать руками

как бы это упростить

вместо этого .mx77 td.mx78 {
сделайте так
.mx77 td {

стили сами применятся, когда для таблицы выберите соотв класс

о супер хоть так