تصحیح یک کدcss

hamed70

hamed70

Member
سلام دوستان
من زیاد با css وارد نیستم یک کد میدم جدول داره جدولشو مثل شکل زیر در بیارید:
کد: 
#MTForumBlock
{
    padding:5px;
}
#MTForumBlock TABLE
{
    width:100%;
    direction:rtl;
}
#MTForumBlock TR
{
    background-image:url(MTForumBlock_row.png);
    background-repeat:repeat-x;
    height:18px;
}
#MTForumBlock TR.MTForumfirst
{
    background-image:url(MTForumBlock_row_over.png);
}
#MTForumBlock TR:hover
{
    background-image:url(MTForumBlock_row_over.png);
}
#MTForumBlock TD
{
    font-family:Tahoma;
    font-size:12px;
    border:1px solid #000000;
    color:#000000;
}
.MTForumtitle
{
    text-align:center;
}
.MTForumanswer
{
    width:40px;
    text-align:center;
}
.MTForumview
{
    width:40px;
    text-align:center;
}
.MTForumlast
{
    width:90px;
    text-align:center;
}
.MTForumrowtitle
{
    padding-right:5px;
}
#MTForumBlock A
{
    float:right;
    width:100%;
    height:100%;
    color:#000000;
    text-decoration:none;
}
#MTForumBlock A:hover
{
    text-decoration:underline;
}

#MTForumBlockControl TABLE
{
    height:22px;
    font-family:Tahoma;
    font-size:12px;
    color:#999999;
}
#MTForumBlockControl A
{
    text-decoration:none;
    color:#999999;
    float:right;
    width:49px;
    height:22px;
    line-height:20px;
}
.MTForumButton
{
    width:49px;
    background-image:url(MTForumBlock_button.png);
    background-position:right;
    background-repeat:no-repeat;
    text-align:center;
}
.MTForumButton:hover
{
    background-image:url(MTForumBlock_button.png);
    background-position:left;
    background-repeat:no-repeat;
}
#MTFloader
{
    width:40px;
    text-align:center;
}
خیلی ممنون:rose:
 

پیوست ها

  • akharin.gif
    akharin.gif
    5.3 کیلوبایت · بازدیدها: 13
echessdesign

echessdesign

مدیر انجمن طراحی وب
درود بر شما
دوست عزیز، هیچوت کاربردهای جدول را جایگزین CSS نکنید!
هرکدام جایگاه خود را دارند. حتی سایت nero.com که از طراحی حرفه ای CSS بهره می برد، در جاهایی که نیاز به table داشت، فقط از table استفاده کرد.
 
hamed70

hamed70

Member
نمی تونید مثل این طراحی کنید مثل شکلی که در اولین تاپیک هست از نو طراحی بزنید :rose:
 
hamed70

hamed70

Member
نقل قول:
نویسنده hamed70
نمی تونید مثل این طراحی کنید مثل شکلی که در اولین تاپیک هست از نو طراحی بزنید :rose:

table می خوای باشه ؟
کلیک کنید تا باز شود...
آره عزیز عین عکس اولین پستم که پیوست کردم.
 
Saeed

Saeed

Well-Known Member
با اجازه استادان

بفرمایید

فقط عجله ای شد اگه اشکالی داشت بگید Ok کنم.
 

پیوست ها

  • Table.rar
    789 بایت · بازدیدها: 2
hamed70

hamed70

Member
آقا من CSS میخواهم همانند این:
کد: 
#MTForumBlock
{
    padding:5px;
}
#MTForumBlock TABLE
{
    width:100%;
    direction:rtl;
}
#MTForumBlock TR
{
    background-image:url(MTForumBlock_row.png);
    background-repeat:repeat-x;
    height:18px;
}
#MTForumBlock TR.MTForumfirst
{
    background-image:url(MTForumBlock_row_over.png);
}
#MTForumBlock TR:hover
{
    background-image:url(MTForumBlock_row_over.png);
}
#MTForumBlock TD
{
    font-family:Tahoma;
    font-size:12px;
    border:1px solid #000000;
    color:#000000;
}
.MTForumtitle
{
    text-align:center;
}
.MTForumanswer
{
    width:40px;
    text-align:center;
}
.MTForumview
{
    width:40px;
    text-align:center;
}
.MTForumlast
{
    width:90px;
    text-align:center;
}
.MTForumrowtitle
{
    padding-right:5px;
}
#MTForumBlock A
{
    float:right;
    width:100%;
    height:100%;
    color:#000000;
    text-decoration:none;
}
#MTForumBlock A:hover
{
    text-decoration:underline;
}

#MTForumBlockControl TABLE
{
    height:22px;
    font-family:Tahoma;
    font-size:12px;
    color:#999999;
}
#MTForumBlockControl A
{
    text-decoration:none;
    color:#999999;
    float:right;
    width:49px;
    height:22px;
    line-height:20px;
}
.MTForumButton
{
    width:49px;
    background-image:url(MTForumBlock_button.png);
    background-position:right;
    background-repeat:no-repeat;
    text-align:center;
}
.MTForumButton:hover
{
    background-image:url(MTForumBlock_button.png);
    background-position:left;
    background-repeat:no-repeat;
}
#MTFloader
{
    width:40px;
    text-align:center;
}
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا