خالی کردن فاصله ی بین ماژول ها
سلام. من در موقعیتی( مثلا موقعیت right) ماژول هام را منتشر کردم. حالا می خوام بین هدر ماژول پایینی و فوتر ماژول بالایی یه چند پیکسلی فضای خالی باشه. خوب وقتی در کلاس table.moduletable خاصیت padding-top: 20px را می دم، تصویر زمینه ی ماژول ها ، در این فاصله ی 20 پیکسلی تکرار میشه. هرچی فکر می کنم کدش را یادم نمیاد :-[راه حل چیه؟
این هم کدهای css مربوط به ماژول ها:
کد:
table.moduletable {
width : 100%;
table-layout : auto;
background: url(../images/boady.jpg) no-repeat bottom center;
padding-top: 20px;
}
table.moduletable th {
font-family: Tahoma,Verdana, Arial,Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
text-transform : uppercase;
text-align : center;
height : 60px;
line-height : 22px;
background-image : url(../images/moduleheading.jpg) ;
background-position: center ;
padding-right: 10px;
color:#008000;
text-align:center;
background-repeat: no-repeat;
}
table.moduletable td {
display: block;
font-size: 11px;
font-weight: normal;
color:#008000;
text-indent: 50px;
padding-bottom: 5px;
height : 20px;
}
سایت لوکال هست.
ممنون... :)
یــــــــــــــــــــــاع ـــــــــــــــــــلی
پاسخ : خالی کردن فاصله ی بین ماژول ها
سلام یه مثال برات میزنم ...
کد:
table.moduletable {
width : 100%;
table-layout : auto;
background: url(../images/nback.jpg) no-repeat bottom right;
margin-bottom:8px;
margin-top:4px;
}
table.moduletable th {
font-size : 11px;
font-weight : bold;
text-transform : uppercase;
text-align : left;
height : 23px;
line-height : 22px;
text-indent : 8px;
letter-spacing : 1px;
color : #000;
background-image : url(../images/rss.jpg);
background-position : 100%;
}
table.moduletable td {
padding-left : 0px;
padding-right : 0px;
padding-top : 0px;
padding-bottom : 2px;
margin : 4px;
}
شما بیشتر رو این دقت کن
کد:
table.moduletable {
width : 100%;
table-layout : auto;
background: url(../images/nback.jpg) no-repeat bottom right;
margin-bottom:8px;
margin-top:4px;
}
امیدوارم بدردت بخوره
پاسخ : خالی کردن فاصله ی بین ماژول ها
سلام عماد جان. :)دستت درد نکنه. ;) درسته باید از خاصیت margin استفاده کنم.
حل شد. :)
بازم ممنون... :)
یـــــــــــــــــــــــا عــــــــــــــــــــلی
پاسخ : خالی کردن فاصله ی بین ماژول ها
