 |
http://www.dynamicdrive.com/style/layouts/
امثله جاهزة لتقسيم الصفحات بإستخدام الـ css
دروس : دروس فوتوشوب | دروس ايميج ريدي | دروس تصميم |--
مستلزمات فوتوشوب : ستايلات | فرش فوتوشوب | تدرجات فوتوشوب | --
خطوط : خطوط عربية | خطوط انجليزية | --
أداوت للمصمم : شعارات جاهزة PSD | قوالب مواقع و واجهات جاهزة PSD | --
استضافة مواقع
__________________
اعلانات لوّن - أسعار رمزية جدا
موقع لوّن- دروس فوتوشوب-خطوط-ايقونات-قوالب-شعارات-فرش و ستايلات فوتوشوب
فارس القبيلة .. ردك هنا.. لقد فعلت اوسمة الCSS بطريقة تسهل على اي شخص فهمها ..
وان شاء لله تكون سهلة
كود HTML:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>title</title> <style type="text/css"> body{ background:#EEEEEE; color:gray } body div{ width:600px; margin:20px auto; padding:0;} body div div{ width:100%; padding:0; margin:0} body div div div{ width:198px; float:left; border:1px solid red; background:orange; text-align:center } </style> </head> <body> <div> <div> <div>top left</div><div>top</div><div>top right</div></div> <div> <div>left</div><div>middle</div><div>right</div> </div> <div> <div>bottom left</div><div>bottom</div><div>bottom right</div> </div> </div> </body> </html>
جميل جدا استاذي hilaby
بس سؤال هل هاتتمدد الdiv الفي المنتصف مثل ال table >>>>>?
اذا كان بنعم يبقى هاتتلغي ال table بعد كدااااااا
هل ينفع نخليها تعمل عمل ال table بالظبط يااااااااااريت المساعده القصوى والعاجله والطارئه
نعم تتمدد ....بس سؤال هل هاتتمدد الdiv الفي المنتصف مثل ال table >>>>>?
أنظر لهذا الموقع
www.lawwen.com
بإستخدام الـ div كل الموقع !
وأيضا ً مخزن www.m5zn.com ...
نعم ..هل ينفع نخليها تعمل عمل ال table بالظبط
__________________
اعلانات لوّن - أسعار رمزية جدا
موقع لوّن- دروس فوتوشوب-خطوط-ايقونات-قوالب-شعارات-فرش و ستايلات فوتوشوب
جميل جدا شكرا لردك اعطتني املالمشاركة الأصلية كتبت بواسطة ABo.AzAzI
طيب تقدر تساعدني
تعمل لي نفس العاملها استاذي هالبي
بس تتمدد وكدا لو مفهاش بيانات ........؟
بس تتمدد وكدا لو مفهاش بيانات ........؟width="100%"
تستطبع
__________________
اعلانات لوّن - أسعار رمزية جدا
موقع لوّن- دروس فوتوشوب-خطوط-ايقونات-قوالب-شعارات-فرش و ستايلات فوتوشوب
مشكل ان لما تحط ال div بجانب بعض تنزل سطر لوحدها
انا اريد اقسمها زي النيوك بالظبط
www.lawwen.com
افتح السورس ...
اذا اردت جعل بلوكين بجانب بعض اجعل العرض 49 او اقل !
__________________
اعلانات لوّن - أسعار رمزية جدا
موقع لوّن- دروس فوتوشوب-خطوط-ايقونات-قوالب-شعارات-فرش و ستايلات فوتوشوب
راجع:
http://www.devpedia.org/articles/119/easy-css-2/
__________________
مدونة المبدع العربي
سوف يتم المراجعه والرجوع مره اخرى
السلام عليكم ورحمة الله
فدتوني كثيرا اخواني
لكني اعاني من هالمشكلة
مالخطأ فيها
يفترض بمحتوى ذيل الصفحة ان يكون في آخر الصفحة بعد انتهاء الطبقتين المتجاورتين
فما الحل؟؟
اتمنى الافادة جزاكم الله خيركود HTML:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>title</title> <style type="text/css"> .r{ width:19%; float:right; border:1px solid red; background:orange; text-align:center } .l{ width:80%; float:left; border:1px solid red; background:orange; text-align:center } </style> </head> <body> <p>محتوي رأس الصفحة</p> <div class="r">top<p> </p> <p>dfg</p> <p> </p> <p> </p> <p> right</div> <div class="l">top left<p> </p> <p>d</p> <p>fg</p> <p>df</p> <p>g</p> <p>df</p> <p>gd</p> <p>fg</p></div> <div><p>محتوي ذيل الصفحة</p></div> </body> </html>
__________________
كل مالا يعطى يضيع
أخوي وحيد
استخدم خاصية clear للفوتر
كود:clear:both;
__________________
سـبـحـان الله، والـحــمــد لله، ولا إلـه إلا الله، والله أكـــبـــــر.
برد بسيط استعمل ال CSS
و يوجد طريقيتن للتقسيم و هم ال Float او position عيب الطريقة الثانية انها لا تعمل مع Fixed Designs
اخوي الميموني
حياك الله
للاسف بعد استخدامها ظرت لي مشاكل اخرى وتعارض مع الطبقات التي فوق الفوتر ..
اخوي amaiko برأيك انا شنو مستخدم في الكود اللي ظاهر فوق ؟ وانا مستخدم Float
شكرا لتواجدك
السلام عليكم
__________________
كل مالا يعطى يضيع
ضوابط المشاركة
رد مع اقتباس