تعویض عرض و جای ماجول و ارث بری آن

[sima_zargar]

با سلام

آقای احمدزاده ممنون از پاسختون.
کمی دستم آمد موضوع از چه قرار است. اما در css اینچنین کدی وجود دارد :

table.moduletable {
/* styling the module table */
border-bottom-width: 0px;
margin: 0px 0px 0px 0px;
width: 184px;
}

table.moduletable th {
/* styling the module header, and the module titles */
background:url(../images/pnellefttop.gif) repeat-x;
vertical-align: middle;
height: 23px;
padding-left: 15px;
padding-right: 5px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color:#113D6D;
text-align: left;
}

/*table.moduletable td {
/* well.. for formatting the table cells of the module table */
/*background: url(../images/panelleftrightbottom.gif) no-repeat;
padding-bottom: 5px;
background-position: bottom;
padding-left: 8px;
padding-right: 5px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
}*/
td.test{
background: url(../images/panelleftrightbottom.gif) no-repeat;
padding-bottom: 10px;
background-position: bottom;
padding-left: 8px;
padding-right: 5px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
}

این کلاس آخری test با آن مشکل دارم اگر بخواهم چنین کدی را اضافه کنم :

table.moduletableMainbody1 {
/* styling the module table */
border-bottom-width: 0px;
margin: 0px 0px 0px 0px;
width: 500px;
}

table.moduletableMainbody1 th {
/* styling the module header, and the module titles */
background:url(../../test/images/maintop1.jpg) repeat-x;
vertical-align: middle;
height: 23px;
padding-left: 15px;
padding-right: 5px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color:#113D6D;
text-align: left;
}

td.moduletableMainbody1{
background: url(../images/mainbottom.jpg) no-repeat;
padding-bottom: 10px;
background-position: bottom;
padding-left: 8px;
padding-right: 5px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
}

نمی دانم کلاس test در کجای آن می گنجد. کلاس test باعث ایجاد آن عکس در پایین ماجول می شود. و در کلاس جدید آن عکس باید عوض شود. نمی دانم با این کلاس test چه کنم.


من از نظر فهم objectOriented مشکلی ندارم. اما هیچ source ای در باره پیدا نکردم که قشنگ اینها را توضیح دهد. ترجیح می دهم به جای سوال کردن سر هر کلمه ، ابتدا یک source کامل درباره css و کلاسهای ماجولها نحوه ارث بری آنها مطالعه کنم. آیا شما می توانید به من معرفی کنید؟