سلام ، آیا این بازدید اول شماست ؟ یا
نمایش نتایج: از شماره 1 تا 4 , از مجموع 4

موضوع: خالی کردن فاصله ی بین ماژول ها

  1. #1

    تاریخ عضویت
    Mar 2008
    محل سکونت
    قلب ايران
    نوشته ها
    1,978
    تشکر
    0
    تشکر شده 10 بار در 9 ارسال

    خالی کردن فاصله ی بین ماژول ها

    سلام. من در موقعیتی( مثلا موقعیت 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;
    	
    }
    سایت لوکال هست.
    ممنون...
    یــــــــــــــــــــــاع ـــــــــــــــــــلی

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  2. # ADS
    تبلیغات در جوملا فارسی
    تاریخ عضویت
    Always
    محل سکونت
    Advertising world
    نوشته ها
    Many
     

  3. #2

    تاریخ عضویت
    May 2007
    محل سکونت
    ایران -
    نوشته ها
    354
    تشکر
    2
    تشکر شده 2 بار در 2 ارسال

    پاسخ : خالی کردن فاصله ی بین ماژول ها

    سلام یه مثال برات میزنم ...

    کد:
    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;
    }
    امیدوارم بدردت بخوره

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  4. #3

    تاریخ عضویت
    Mar 2008
    محل سکونت
    قلب ايران
    نوشته ها
    1,978
    تشکر
    0
    تشکر شده 10 بار در 9 ارسال

    پاسخ : خالی کردن فاصله ی بین ماژول ها

    سلام عماد جان. دستت درد نکنه. درسته باید از خاصیت margin استفاده کنم.
    حل شد.

    بازم ممنون...
    یـــــــــــــــــــــــا عــــــــــــــــــــلی

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  5. #4

    تاریخ عضویت
    May 2007
    محل سکونت
    ایران -
    نوشته ها
    354
    تشکر
    2
    تشکر شده 2 بار در 2 ارسال

    پاسخ : خالی کردن فاصله ی بین ماژول ها

    خواهش می کنم .........

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •