برای استفاده از تمام امکانات سایت از جمله مرکز دانلود باید در سایت عضو شوید. برای ثبت نام تنها 1 دقیقه زمان نیاز دارید ، برای ثبت نام اینجا کلیک کنید


ثبت نام  راهنماي انجمن  جستجو  ليست اعضا  گروه هاي كاربران    ورود


ارسال يك موضوع جديد  پاسخ به يك موضوع

جذابیت CSS و مشکلات جانبی

 
نويسنده پيغام
Mahoor
ارسالزمان ارسال: شنبه Dec 01, 2007 7:04 pm    موضوع: جذابیت CSS و مشکلات جانبی پاسخ بصورت نقل قول



تاريخ عضويت: 01 Dec 2007
ارسالها: 4


با سلام.

اول تشکر می کنم از دوستان و مدیران برای اطلاعات جامعی که در اختیار تازه کارهایی مثل بنده قرار می دهند.

سوالی که داشتم در مورد عدم سازگاری CSS با نمایشگر IE می باشد.
یک سایت با HTML طراحی کرده بودم ولی بعد از شناخت CSS تصمیم گرفتم سایت را باز نویسی کنم.
در این چند هفته با خواندن سایت های مختلف تا حدودی با CSS آشنا شدم و تونستم سایت را به CSS تبدیل کنم.
متاسفانه یکی از جدول ها که نوشتم در IE بصورت نا منظم نمایش داده می شود.
ممنون می شوم راهنمایی کنید.

و سوال بعدی این بود که چطور می تونیم یک Table ثابت داشته باشیم به اندازۀ 500*400 که وقتی مطلبی مینویسیم و طولانی بود در صفحۀ اصلی هیچ تغییری بوجود نیاد و بوسیلۀ یک Scroll بتونیم باقیه مطلب را بخونیم.
Javascript فقط این دستور را داره یا با برنامۀ دیگر هم میتوانیم این کار را انجام دهیم.

پیشاپیش ممنون و ایام بکام
بازگشت به بالا
دیدن پروفایل کاربرانارسال پیغام خصوصی
amir abbas
ارسالزمان ارسال: شنبه Dec 01, 2007 10:43 pm    موضوع:  پاسخ بصورت نقل قول

راهبر انجمن

تاريخ عضويت: 08 Sep 2006
ارسالها: 1520


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

نقل قول :
سوالی که داشتم در مورد عدم سازگاری CSS با نمایشگر IE می باشد.


دوست عزیز این IE هست که با CSS ناسازگاره. CSS هیچ مشکلی نداره. متاسفانه مرورگر IE که بیشترین کاربر رو هم داره ، مشکلات زیادی با CSS داره. خوشبختانه با اومدن IE 7 تقریبا داره مشکلات طراحان حل میشه منتها تا از دور خارج شدن کامل IE 6 زمان زیادی باقی مونده

نقل قول :
متاسفانه یکی از جدول ها که نوشتم در IE بصورت نا منظم نمایش داده می شود.


ما تا کد جدول رو نبینیم نمی تونیم کار خاصی برای شما انجام بدیم. کد جدولتون رو همچنین کد CSS جدول رو قرار بدید همینجا

نقل قول :
و سوال بعدی این بود که چطور می تونیم یک Table ثابت داشته باشیم به اندازۀ 500*400 که وقتی مطلبی مینویسیم و طولانی بود در صفحۀ اصلی هیچ تغییری بوجود نیاد و بوسیلۀ یک Scroll بتونیم باقیه مطلب را بخونیم.
Javascript فقط این دستور را داره یا با برنامۀ دیگر هم میتوانیم این کار را انجام دهیم.


شما برای این کار باید از دستور overflow: scroll استفاده کنید. این صفحه مثال رو ببینید
http://www.w3schools.com/css/tryit.asp?filename=trycss_overflow
این دستور مشکل شما رو حل میکنه
بازگشت به بالا
دیدن پروفایل کاربرانارسال پیغام خصوصیارسال ايميلديدن وب سايت كاربر
Mahoor
ارسالزمان ارسال: 1 شنبه Dec 02, 2007 1:28 am    موضوع:  پاسخ بصورت نقل قول



تاريخ عضويت: 01 Dec 2007
ارسالها: 4


امیر جان ممنون از توضیحات و راهنمایی ها.

دستور overflow: scroll همان چیزی بود که می خواستم. ولی چطور میشه یک Scroll زیباتر درست کرد؟
این هم کد های آماتوری و نازیبای بنده.
code :
body {
   background:#3A2C29;
   margin: 0;
   font-family: Trebuchet, Tahoma, Sans-Serif, color #F1F1F1, color:#F1F1F1;
   font-size: 13px
}




#content {
   position:relative;
   background:#3A2C29;
   left:300px;
   top:100px;
   width:700px;
   height:700px;
   left: 235px;
   top: 0px;
   
}

#header {
   position:absolute;
   background:#3A2C29;
   width:169px;
   height:43px;
   left: -3px;
   top: 60px;
}

#category {
   position:absolute;
   background:   #3A2C29;
   width:90px;
   height:552px;
   top:107px;
   left: 577px;
   background-color: #3A2C29;
}

#banner {
   position:relative;
   background:#3A2C29;
   width:100px;
   height:548px;
   top:113px;
   left: 0px;
   background-color: #3A2C29;
}

#main {
   position:absolute;
   background:#3A2C29;
   font-family: Tahoma , Sans-Serif;
   color:#F1F1F1;
   font-size:15px;
   width:385px;
   height:534px;
   left: 174px;
   top: 116px;
   overflow: scroll
}

#tab1 {
   position:absolute;
   background:#3A2C29;
   width:575px;
   height:5px;
   top: 661px;
   left: -5px;
   background-color: F1F1F1;
}

#tab2 {
   position:absolute;
   background:#3A2C29;
   width:575px;
   height:5px;
   top: 105px;
   left: -5px;
   background-color: F1F1F1;
}

#tab3 {
   position:absolute;
   background:#3A2C29;
   width:5px;
   height:551px;
   left: -5px;
   top: 110px;
   background-color: F1F1F1;
}

#tab4 {
   position:absolute;
   background:#3A2C29;
   width:4px;
   height:551px;
   left: 164px;
   top: 110px;
   background-color: F1F1F1;
}

#tab5{
   position:absolute;
   background:#3A2C29;
   width:5px;
   height:552px;
   left: 800px;
   top: 109px;
   background-color: F1F1F1;
}

#corner1 {
   position:absolute;
   background:#3A2C29;
   width:4px;
   height:4px;
   left: -5px;
   top: 662px;
   background-color: F1F1F1;
}
#corner2 {
   position:absolute;
   background:#3A2C29;
   width:4px;
   height:4px;
   left: 566px;
   top: 662px;
   background-color: F1F1F1;
}

#corner3 {
   position:absolute;
   background:#3A2C29;
   width:4px;
   height:4px;
   left: 566px;
   top: 105px;
   background-color: F1F1F1;
}

#corner4 {
   position:absolute;
   background:#3A2C29;
   width:91px;
   height:76px;
   left: -5px;
   top: 105px;
}

#corner4 {
   position:absolute;
   background:#3A2C29;
   width:4px;
   height:4px;
   background-color: F1F1F1;
}
#corner {
   position:absolute;
   background:#3A2C29;
   width:33px;
   height:68px;
   left: 185px;
   top: 147px;
   background-color: #3A2C29;
}
بازگشت به بالا
دیدن پروفایل کاربرانارسال پیغام خصوصی
Mahoor
ارسالزمان ارسال: 1 شنبه Dec 02, 2007 5:32 pm    موضوع:  پاسخ بصورت نقل قول



تاريخ عضويت: 01 Dec 2007
ارسالها: 4


دوستان ممنون می شوم در حل این مشکلات بنده را یاری کنید.
این سایت مربوط به یک گروه فرهنگی و هنری در یکی از کشورهای اروپایی هست و متاسفانه بخاطر بعضی مشکلات هنوز موفق به راه اندازی آن نشده ایم.

با تشکر
بازگشت به بالا
دیدن پروفایل کاربرانارسال پیغام خصوصی
Mahoor
ارسالزمان ارسال: 1 شنبه Dec 02, 2007 8:13 pm    موضوع:  پاسخ بصورت نقل قول



تاريخ عضويت: 01 Dec 2007
ارسالها: 4


مشکل در این کد بود که 4px را در IE نزدیک به 12px نشان می دهد.
code :
#tab1 {
   position:absolute;
   background:#F1F1F1;
   width:650px;
   height:4px;
   top: 80px;
   left: 32px;
}
بازگشت به بالا
دیدن پروفایل کاربرانارسال پیغام خصوصی
نمايش نامه هاي ارسال شده قبلي:   
ارسال يك موضوع جديد  پاسخ به يك موضوع صفحه 1 از 1