تعديلات في الثيم - سؤالين

[sadiq6210]

السلام عليكم ورحمة الله وبركاته

1- بعد رفع الصورة تظهر الروابط في مستطيلات صغيرة من حيث العرض(width) ، كما هو في الصورة
http://www.uob-bh.com/upload/up_live/12955078561.png

نلاحظ المستطيل باللون الأخضر هو فقط عرض المستطيل، بينما أرغب في استغلال المساحتين المشار اليهما بالمستطيل الأحمر على اليمين واليسار، أي ملف في الثيم يجب تعديله لتمديد هذه المستطيلات وجعلها تأخذ المساحةالكاملة؟



2- يوجد خلل في الثيم لما يتم تصفحه من الانترنت اكسبلورر 8 كما بالصور:
http://www.uob-bh.com/upload/up_live/12955081392.png

نلاحظ هناك خلل في تداخل الكلام بالاضافة ان المستطيل الأبيض متحرك لجهة اليميين

أما عند التصفح بالفيرفوكس فلاتوجد مشاكل كما بالصورة:
http://www.uob-bh.com/upload/up_live/12955081391.png

[Tar3Q]

كلها بسبب استخدام النسبة المئوية في عملية تحديد التمدد بكل الاتجاهين ..
غالباً تظهر مثل هذه المشاكل باستخدام متصفح غبي مثل اكسبلور .
اتمنى توضح لنا ماهي دقة الشاشة التي استخدمتها .
سيتم اصلاح هذه المشاكل باقرب وقت .
اخيراً .. شكراً لك ,,

[sadiq6210]

استخدمت أكثر من دقة ونفس المشكلة، الآن أستخدم 1366*768
متصفح غبي ولكن يستخدمه 70% من زوار الموقع لذلك وجب علي مجاراة الغباء =)

بإنتظارك اخوي طارق وجزاك الله خير

[Tar3Q]

اخوي الكريم ,,

بعد المراجعة اتضح لي بأن ستايل موقعك معدل بشكل خاص ليتناسب مع ستايل المنتدى
وبالامس نسيت ان اذكر لك بان هذه المشكلة تم حلها من فترة وتستطيع التجربة على موقع كليجا ديمو http://www.kleeja.com/demo/

الحلول للمشكلة :
1. بامكانك حل مشكلتك بنفسك فكل العملية هي البحث في ملف stylesheet.css
http://uob-bh.com/upload/styles/uob-bh/ ... esheet.css
عن التالي :

كود: تحديد الكل

	input[type="text"].up_input {direction:ltr;width:97%;color:#111;padding:3px;letter-spacing:1px;vertical-align:middle;}

واستبداله بشكل كامل بهذا الكود

كود: تحديد الكل

	input[type="text"].up_input {direction:ltr;width:400px;color:#111;padding:3px;letter-spacing:1px;vertical-align:middle;margin:5px;}

بالنسبة لمشكلة شروط الخدمة :
ابحث في نفس ملف css

كود: تحديد الكل

	#rules {padding:10px 0;font-size:90%;font-weight:700;color:#333;}
	#rules .rut {clear:both;margin-bottom:3px;padding:4px 0px;text-indent:10px;color:red;}
	#rules .rls {display:block;text-indent:10px;}
	#rules .rls ul{list-style-type:none;text-indent:4px;}
	#rules .rls ul li {height:24px;line-height:24px;background:transparent url(../images/list_stat.gif) no-repeat right center;padding-right:15px;padding-bottom:2px;}

استبدله بالتالي :

كود: تحديد الكل

	#rules {padding:10px 0;font-size:90%;font-weight:700;color:#333;}
	#rules .rut {clear:both;margin-bottom:3px;padding:4px 0px;text-indent:10px;color:red;}
	#rules .rls {display:block;text-indent:10px;}
	#rules .rls ul{list-style-type:disc;text-indent:4px;}
	#rules .rls ul li {line-height:20px;padding:1px 5px 2px 0;background:transparent url(../images/list_stat.gif) no-repeat right center;}

ايضاً فيه مشكلة تمدد في الصفحة وذلك بسبب عدم اقفال وسم div في بداية الصفحة

كود: تحديد الكل

<div id="container">

الحل يجب عليك اغلاق الوسم وذلك باضافة

كود: تحديد الكل

</div>

قبل اغلاق وسم body في قالب الفوتر


بامكانك استخدام خدمة فحص الموقع عبر W3C
http://validator.w3.org/check?uri=http: ... idator/1.1

بعد كل هذا التعديل .. اعمل صيانة شاملة من لوحة التحكم ,, وموفق يا رب .