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

 

العودة   سوالف سوفت > قسم تطوير وبرمجة المواقع للمتقدمين > ويب 2.0 و البرمجية القياسية Ajax +XML+ CSS+ JavaScript وغيرها
المدوّنات البحث مشاركات اليوم اجعل كافة المشاركات مقروءة

رد  
 
LinkBack أدوات الموضوع
عضو نشيط جدا
تاريخ التسجيل: Sep 2006-
#1 (permalink)  
سؤال بسيط فى الـ div


كيف يمكن عمل ديف متمدد مرن فوق على عرض الشاشه اينما كانت حجمها
لانى تعبت فى الوصول لهذه النقطه
مثال
كود بلغة HTML:
#test-div{
	border:2px dashed #99CC00;
	padding:5px;
	width:340px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-175px;
	z-index:2;
	margin-top:-100px;
}
ده فى الـ css اما فى البادى نفسـه بيكون على مقاس الـ width:340px
ويبقى محدود
ويكون المحتوى على هذا الشـكل
كود بلغة HTML:
<div id="test-div" >
المحتوى
</div>
انا عايز اخليه مدد زي الـ التيبول لما اقوم انا بـ width:100% يبقى مرن معايه
لاكن بيكون مع نفسه
لازم احركه بالماوس ولازم انا اكبره واصغره وفى النتيجه بيكون مش مظبوط فى التصميم
جربت احذفها نقس الموضوع
ايه العمل






__________________
I Miss u Swalif Softs I`m Back 4 U I Love U My School
راسلنى من هنـا



.
فاشل كل العاده غير متواجد حالياً   قديم 15-10-2008, 12:10 PM
رد مع اقتباس
عضو نشيط جدا
تاريخ التسجيل: Sep 2006-
#2 (permalink)  

أخوانى السؤال صعب ولا ايه طيب ؟
ولا مفيش حل






__________________
I Miss u Swalif Softs I`m Back 4 U I Love U My School
راسلنى من هنـا



.
فاشل كل العاده غير متواجد حالياً   قديم 15-10-2008, 02:35 PM
رد مع اقتباس
عضو فعال
تاريخ التسجيل: May 2006-
#3 (permalink)  

حاولت انا اساعدك في الحل رغم اني مبتدئ , لكن ماقدرت اوصل لشي معين , لعلي ارجع مره ثانيه ونشوف

ولكن لا يمنع ان ارفع الموضوع للإجابة عليه






سطام سعد متواجد حالياً   قديم 15-10-2008, 03:11 PM
رد مع اقتباس
عضو نشيط جدا
تاريخ التسجيل: Sep 2006-
#4 (permalink)  

اقتباس:
المشاركة الأصلية كتبت بواسطة سطام سعد مشاهدة المشاركة
حاولت انا اساعدك في الحل رغم اني مبتدئ , لكن ماقدرت اوصل لشي معين , لعلي ارجع مره ثانيه ونشوف

ولكن لا يمنع ان ارفع الموضوع للإجابة عليه
والله ردك يشرفنى ومحاولتك للمساعده اكنها وصلت
جزاك الله كل خير يارب
تقبل فائق الاحترام والتقدير
خالص الموده






__________________
I Miss u Swalif Softs I`m Back 4 U I Love U My School
راسلنى من هنـا



.
فاشل كل العاده غير متواجد حالياً   قديم 15-10-2008, 04:43 PM
رد مع اقتباس
مشرف قسم ويب 2.0 و فكرة
تاريخ التسجيل: Jun 2005-
#5 (permalink)  

لم افهم ما مشكلتك بالضبط


لكن اذا كان بخصوص تمدد ديف معين .

قم بتحديد الـ
اقتباس:
width:100%;






__________________
ownersınnı
ALdiraZi BLoOoG | Contact Me
owner غير متواجد حالياً   قديم 15-10-2008, 07:07 PM
رد مع اقتباس
عضو نشيط جدا
تاريخ التسجيل: Sep 2006-
#6 (permalink)  

قبل ان اطرح الموضوع حاولت مرارا وتكررا فى التمدد ولكن
للاسف لا يتمدد نهائي






__________________
I Miss u Swalif Softs I`m Back 4 U I Love U My School
راسلنى من هنـا



.
فاشل كل العاده غير متواجد حالياً   قديم 15-10-2008, 08:41 PM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Oct 2008-
#7 (permalink)  

كنت أتمنى أن أساعدك لكن ماعندي خبرة كافية في css ودائما تجيني مشاكل مثل هذا لكن أهم شي أحاول و أدور على إجابة حتى ألاقي حل
بدور لك في المواقع إذا فيه حل لمشكلتك وبضعها هنا لما ألقى






سعد السيد احمد غير متواجد حالياً   قديم 15-10-2008, 10:55 PM
رد مع اقتباس
عضو نشيط جدا
تاريخ التسجيل: Sep 2006-
#8 (permalink)  

اقتباس:
المشاركة الأصلية كتبت بواسطة سعد السيد احمد مشاهدة المشاركة
كنت أتمنى أن أساعدك لكن ماعندي خبرة كافية في css ودائما تجيني مشاكل مثل هذا لكن أهم شي أحاول و أدور على إجابة حتى ألاقي حل
بدور لك في المواقع إذا فيه حل لمشكلتك وبضعها هنا لما ألقى
مشـكور اخ سـعد على المسـاعده وحابب اقولك مبـروك اراك فى نجاح باهر ما شاء الله فى الاجاكس
يارب توصل لعمل اسكربت ضخم كامل من الاجاكس ونفتجر بـك فى الوسط العربى والغربى
موفق والى الامام ان شاء الله






__________________
I Miss u Swalif Softs I`m Back 4 U I Love U My School
راسلنى من هنـا



.
فاشل كل العاده غير متواجد حالياً   قديم 16-10-2008, 06:22 AM
رد مع اقتباس
عضو نشيط جدا
تاريخ التسجيل: Sep 2006-
#9 (permalink)  

انا حابب اقـول لشـكرا جزيلا للاخ الى ارسل لي رسـاله
واقوله كلامتك مشـجعه لانهاء العمل
والله الموفق






__________________
I Miss u Swalif Softs I`m Back 4 U I Love U My School
راسلنى من هنـا



.
فاشل كل العاده غير متواجد حالياً   قديم 16-10-2008, 06:23 AM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Oct 2008-
#10 (permalink)  

اقتباس:
مشـكور اخ سـعد على المسـاعده وحابب اقولك مبـروك اراك فى نجاح باهر ما شاء الله فى الاجاكس
يارب توصل لعمل اسكربت ضخم كامل من الاجاكس ونفتجر بـك فى الوسط العربى والغربى
موفق والى الامام ان شاء الله
إن شاء الله و شكرا لك على التشجيع

بالنسبة لمشكلتك
أنا حذفت الleft يلي كنت حاطه حتى تصير في منتصف الشاشة لانه بعد تكبيره بتصير كبيرة من مكان و من مكان ثاني فاضي
وحطيت العرض (width) 95% لأنه لما جربت على 100% صار أكبر من الصفحة وهذا أتوقع من الخصائص يل يحاطها مثل الإطارة

الكود بعد التعديل :
كود:
#test-div{
 border:2px dashed #99CC00;
 padding:5px;
 position:absolute;
 top:50%;
 z-index:2;
 margin-top:-100px;
 float:both;
 width:95%;
}
جربه و إنشاء الله يصير معك






سعد السيد احمد غير متواجد حالياً   قديم 16-10-2008, 01:05 PM
رد مع اقتباس
عضو نشيط جدا
تاريخ التسجيل: Sep 2006-
#11 (permalink)  

اقتباس:
المشاركة الأصلية كتبت بواسطة سعد السيد احمد مشاهدة المشاركة
إن شاء الله و شكرا لك على التشجيع

بالنسبة لمشكلتك
أنا حذفت الleft يلي كنت حاطه حتى تصير في منتصف الشاشة لانه بعد تكبيره بتصير كبيرة من مكان و من مكان ثاني فاضي
وحطيت العرض (width) 95% لأنه لما جربت على 100% صار أكبر من الصفحة وهذا أتوقع من الخصائص يل يحاطها مثل الإطارة

الكود بعد التعديل :
كود:
#test-div{
 border:2px dashed #99CC00;
 padding:5px;
 position:absolute;
 top:50%;
 z-index:2;
 margin-top:-100px;
 float:both;
 width:95%;
}
جربه و إنشاء الله يصير معك
اعتقد كده تمام اوى وبدأت الافكـار توصلنى
فعلا فى اكواد خطأ
والله جبـار موفق ومشـكور جدا ريحتنى الله يريحك






__________________
I Miss u Swalif Softs I`m Back 4 U I Love U My School
راسلنى من هنـا



.
فاشل كل العاده غير متواجد حالياً   قديم 16-10-2008, 01:50 PM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Apr 2004-
#12 (permalink)  

اقتباس:
المشاركة الأصلية كتبت بواسطة سعد السيد احمد مشاهدة المشاركة
إن شاء الله و شكرا لك على التشجيع

بالنسبة لمشكلتك
أنا حذفت الleft يلي كنت حاطه حتى تصير في منتصف الشاشة لانه بعد تكبيره بتصير كبيرة من مكان و من مكان ثاني فاضي
وحطيت العرض (width) 95% لأنه لما جربت على 100% صار أكبر من الصفحة وهذا أتوقع من الخصائص يل يحاطها مثل الإطارة

الكود بعد التعديل :
كود:
#test-div{
 border:2px dashed #99CC00;
 padding:5px;
 position:absolute;
 top:50%;
 z-index:2;
 margin-top:-100px;
 float:both;
 width:95%;
}
جربه و إنشاء الله يصير معك
يزداد العرض عن الصفحة لانه يحتسب العرض المحدد ( 100 % ) بالاضافه الى 10 بكسل أخرى لانك مستخدم padding:5px; ....






__________________
مدونتي
المُعاصر
www.mo3aser.com
محمد فؤاد غير متواجد حالياً   قديم 17-10-2008, 12:46 AM
رد مع اقتباس
عضو جديد
تاريخ التسجيل: Apr 2008-
#13 (permalink)  

الأمر أبسط مما تتخيل ..


اعط الديف float:left وبهذا ستقوم الديف بتغيير خصائصها من التممد في المساحة الفارغة التي خارجها .. إلي التمدد علي حسب محتواها . ولا تنسي أن تحذف عرض الديف width:340، لأن بعض المتصفحات مثل الفاير فوكس وغيرها تقوم بقراءة العرض ولا يتم تغييره مهما حصل .. إذا كنت تريد العرض أن يكون هكذا ولكن يمتد في حالة ما اذا احتجت إلي تمدد قم باعطاءه min-width:340 ولكن لاحظ هذا لا يعمل علي الانترنت اكسبلورر لذا ستقوم بكتابة الآتي في الاستايل شيت
[left]
*width:340
min-width:340
[/left]
الأولي بإضافة نجمة قبلها وهذه النجمة لا يتخطاها إلا الانترنت اكسبلورر .. بمعني أن السطر الاول لا يقرأه غير الانترنت اكسبلورر فقط ـ وهذا هاك استخدمه دائماً في جميع اكوادي .

تقديري واحترامي الكامل







التعديل الأخير تم بواسطة : Nile بتاريخ 17-10-2008 الساعة 02:10 AM.
Nile غير متواجد حالياً   قديم 17-10-2008, 02:02 AM
رد مع اقتباس
عضو نشيط جدا
تاريخ التسجيل: Sep 2006-
#14 (permalink)  

اقتباس:
المشاركة الأصلية كتبت بواسطة محمد فؤاد مشاهدة المشاركة
يزداد العرض عن الصفحة لانه يحتسب العرض المحدد ( 100 % ) بالاضافه الى 10 بكسل أخرى لانك مستخدم padding:5px; ....
يعني يتحذف افضل ؟ padding:5px






__________________
I Miss u Swalif Softs I`m Back 4 U I Love U My School
راسلنى من هنـا



.
فاشل كل العاده غير متواجد حالياً   قديم 17-10-2008, 06:57 AM
رد مع اقتباس
رد


 

أدوات الموضوع

تعليمات المشاركة
لا تستطيع كتابة مواضيع
لا تستطيع كتابة ردود
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة


المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[ سؤال ] واستفسار بسيط في الـ .htaccess أوراق منثورة تقنية محركات البحث والـSearch Engine Optimization 4 12-08-2008 03:25 PM
لمتخصصي الـ php سؤال بسيط screen PHP 8 13-05-2008 03:20 PM
طلب شرح : خاصية الـ div في الـ css !!! msn.com ويب 2.0 و البرمجية القياسية Ajax +XML+ CSS+ JavaScript وغيرها 18 10-08-2007 10:55 AM
سؤال عن كيفية تمديد وتقليص عدد من الـ(DIV)حسب الضغطات من بواسطة الأجاكس kilani ويب 2.0 و البرمجية القياسية Ajax +XML+ CSS+ JavaScript وغيرها 11 26-02-2007 10:44 AM
سؤال بسيط في الـ Bazar !!!!! ولد العم تطوير الويب 1 29-06-2003 01:05 PM


الساعة الآن: 05:48 AM بتوقيت المملكة العربية السعودية