الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

ما هى أفضل طريقة لضبط أماكن الأدوات فى الصفحة

بدأه _- محمد نور -_ في 12 نوفمبر 2009 · 8 رد · 2,135 مشاهدة · في تصميم الصفحات باستخدام ال "CSS"
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم

أولا أنا ليس لى فى CSS

أنا أعرف عنها أقل القليل ---------> الذى يفينى لعمل الذى أريده فقط

و أريد أن أعلم كيف أقوم بضبط أماكن الأدوات فى الصفحة

بحيث حينما تتغير أبعاد المتصفح أو تتغير دقة وضوح العرض فى الشاشة تظل أماكن الأدوات النسبية ثابتة

يعنى مثلا صفحة المنتدى هذه

حينما أغير أبعاد المتصفح لا تتغير أماكن الأدوات هنا بل و لا تدخل أداة فوق أداة مثلا

أريد أن أعلم كيف أفعل هذا

ما الذى يجب أن أراعى عمله أثناء التصميم

مع العلم أننى أضع كل أدواتى فى Div مستقل بذاته و أقوم بتطبيق الCSS عليه

لا إله إلا الله محمد رسول الله

アッラー以外に神はなし。ムハンマドはアッラーの使徒である

#2

أنا وجدت حل أثناء تجاربى الأن

ألا و هو أن أدمج بين الجداول و الdiv

بحيث أستخدم الجداول لتحديد المساحات و الأبعاد و أستخدم الdiv من أجل الأشياء الأخرى

هل هذا هو الحل الأمثل

أو هل هذا هو الحل أصلا !!

لا إله إلا الله محمد رسول الله

アッラー以外に神はなし。ムハンマドはアッラーの使徒である

#3

هلا محمد نور

اعتقد ان هذا الموضوع طويل ,كيف ستكون الإجابة لا اعلم , حبذا لو وضعت مثال ابسط من هذه الصفحة

بعض الناس يبدأون بتقسيم الصفحة الى اجزاء رئيسية اولا , لاحظت بعضهم يستخدم class و بعضهم يستخدم id# للغرض نفسه ثم بعد ذلك يضعون الاشياء داخل هذه الأقسام ,, في البداية سيكون الأمر صعبأ لان العمل كله سيكون على ملف css وعليك وانت تصمم ان تراعي المواصفات القياسية ودعم المستعرضات وماذا يكون داخل ماذا وماذا يكون جوار او اسفل ماذا الخ .

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

نور انت تعرف في css الذي يفيك ما تريد عمله ,بقى لك القليل وتصل

The World Must Be Crazy

#4

شكرا لتجاوبك, لم أتوقع ردك فى قسم الCSS :wink:

هذا هو الذى يحدث معى

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

فى حالة أن المتصفح فى أكبر أبعاده

post-63827-1258007618_thumb.jpg

فى حالة تصغير عرض المتصفح للنصف أول أقل !!!

post-63827-1258007628_thumb.jpg

بالمناسبة أنا لا أستخدم غير الفيجوال ستوديو لتصميم الصفحة

فأنا لا أعرف أستخدم غيره :D

لا إله إلا الله محمد رسول الله

アッラー以外に神はなし。ムハンマドはアッラーの使徒である

#5

ممكن ترفق HTML &CSS للجزء الذي ارفقته في الصورة

اقتباس
بالمناسبة أنا لا أستخدم غير الفيجوال ستوديو لتصميم الصفحة

هو ليس مشكلة كبيرة

The World Must Be Crazy

#6

هو بصراحة الموضوع معقد حبتين و مش هعرف أرفع الصفحة

بس لو فيه طريقة متبعة معينة يريت تعرفنى إياها

لا إله إلا الله محمد رسول الله

アッラー以外に神はなし。ムハンマドはアッラーの使徒である

#7

السلام عليكم

اين تضع هذه الادوات؟؟؟

هل هي في Table ام في Div؟؟؟

اذا كان في Table فلا تجعل قيمة ال Width = 100%

و لكن استخدم المعطيات التالية:

boder=0 cellpading=0 cellspacing=0 width=800px align=center

لتجعل للجدول مقاس ثابت

اما بالنسبة لل Div فهذا يختلف حسب مكانها في الصفحة ...

[يمين]في زمان كل شئ فيه يتحرك بسرعة ... كونك ثابتا يعني انك تتحرك للوراء...

[/يمين]

#8

الحل هو استخدام % عوض px

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

clr func.html

#9

اخي استخدم div ك body ثاني وضع كل في هذا div كانه body ثاني وضع كلاس لهذا div ثم في css لهذا div

اكتب

margin:0 auto;

width:px;

وتضع عرض قبل px طبعا

يمشي معاك إن شاء الله

و رد علي

مواضيع مشابهة

عدد الزوار حالياً

المتواجدون خلال آخر دقيقتين · يتحدّث كل ٣٠ ثانية

—الإجمالي—أعضاء مسجّلون—زوار بدون تسجيل

جارٍ التحقق من المتواجدين…