اصنع واجهة CSS بكل بساطة وبدون جداول !

[x_yousef_x]

مرحبا اخوي هذي تجربه لي في تصميم صفحات بالليرات CSS

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

ومنها شاهدها

تجربه بناء صفحات بالليرات-CSS

تحياتي

[moraaaa]

درس جميل جداً
جزاك الله خيراً

ولدى اضافة بسيطة
يمكن ازاله الفراغ اعلى الصفحة عن طريق وضع margin:0; فى الbody

body  {
    margin: 0;
}

[alil998]

جزاك الله خير

تسلم على الشرح الممتع

[m7sen]

بصراحة لم أفهم شيء

أرجو توضيح أكثر بكثير لان صراحة الشرح صعب شوي لانني لم أفهم أساسيات css

أرجو المساعدة ..

[Flasher]

بخصوص التوسيط .. شكرا لمشاركاتكم اولا ..

- align=center
- text:align:center
- <center> tag
كل هذي تقريبا تؤدي نفس الغرض
وهو توسيط العناصر التي داخل العنصر المطبق عليه هذه العمليات

margin:auto تقوم بالتوسيط في حالة العرض(width) يكون معلوم وليس auto .. وتقوم بتوسيط العنصر كامل اي اعطاءه هوامش على اليمين وعلى اليسار حسب حجم النافذه وحسب ايضا حجم العنصر الذي يحتويه..

هذا المثال قد يوضح ما اردت توضيحه: center test

x_yousef_x

عضو نشيط جدا

تاريخ التسجيل: Jan 2007- الآي بي
#31 (permalink)

مرحبا اخوي هذي تجربه لي في تصميم صفحات بالليرات CSS

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

ومنها شاهدها

تجربه بناء صفحات بالليرات-CSS

تحياتي

اذا كنت ستعتمد على البرامج التي تولد اكواد الcss فهذه الطريقة في نظري لا ينصح بها الا اذا كان التصميم معقد الا درجة ان العناصر حتى تكون بشكل صحيح تحتاج الاحداثيات السيني والصادي ...

جزاك الله خير

تسلم على الشرح الممتع

حياك الله

بصراحة لم أفهم شيء

أرجو توضيح أكثر بكثير لان صراحة الشرح صعب شوي لانني لم أفهم أساسيات css

أرجو المساعدة ..

يفترض قبل قراءة هذا الموضوع تكون عندك بعض الاساسيات فهذا الموضوع ليس لتعليم الCSS بل لاستخدام الCSS. شكرا لك.

شكرا لكم جميعا.

[ADV]

شكرا اخوي Flasher على هالشرح

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

جرب شي بسيط بالدريم ويفر يوم فتحته بالاكسبلورر غير شكله في الفايرفوكس

يعني خذ مثلا هالصفحة

حلول الويب لخدمات الانترنت

** ملاحظة : هالصفحة تقدر تقول قديمة جدا من ناحية التنسيق وكلها جداول وحوسه
لو فكرنا نحولها بال css اتوقع العمل مجهد

كيف اقدر اسوي مثل هالجداول داخل بعض وبتقسيمات ما تتغير مهما تغير المتصفح او حجم الشاشة

ودي اعرف اذا فيه امكانية الترتيب السليم فقط اما من ناحية السهولة تقدر تعتمد على الدريمويفر مع اختصار الـcss بنفسك

مع تمنياتي للجميع بالتوفيق

[Flasher]

شكرا اخوي Flasher على هالشرح

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

جرب شي بسيط بالدريم ويفر يوم فتحته بالاكسبلورر غير شكله في الفايرفوكس

يعني خذ مثلا هالصفحة

حلول الويب لخدمات الانترنت

** ملاحظة : هالصفحة تقدر تقول قديمة جدا من ناحية التنسيق وكلها جداول وحوسه
لو فكرنا نحولها بال css اتوقع العمل مجهد

كيف اقدر اسوي مثل هالجداول داخل بعض وبتقسيمات ما تتغير مهما تغير المتصفح او حجم الشاشة

ودي اعرف اذا فيه امكانية الترتيب السليم فقط اما من ناحية السهولة تقدر تعتمد على الدريمويفر مع اختصار الـcss بنفسك

مع تمنياتي للجميع بالتوفيق

تقدر بحيث تعطيهم عرض بالنسبه المؤية
هناك دروس كثيرة حول هذا النوع من التخطيطات
ابحث >> "css liquid layout"
وارشح لك هذا المقال :Max Design - Liquid layouts the easy way
مثال :liquid test