oozzoo قام بنشر يناير 27, 2008 مشاركة قام بنشر يناير 27, 2008 اذا عملت جدول على اليمين لا يمكن ان اعمل مثل قي الناحية الثانية مثال رابط هذا التعليق شارك More sharing options...
Junkie قام بنشر فبراير 2, 2008 مشاركة قام بنشر فبراير 2, 2008 السلام عليكم قم بعمل جدول, يمتد على كامل عرض الصفحة ومحاذاته في المنتصف قسمه إلى ثلاث خلايا بشكل أعمده, الأولى إلى اليمين تكون مثلا بعرض 150px الثانية في المنتصف بعرض اختياري ثم الثالثة بنفس عرض الأولى (قم بتحديد عرض الاولى والثالثة والجدول يتكفل بعرض الثانية) ثم قم بعمل جدول ضمن الخلية الاولى كما يظهر في الصورة وجدول في الخلية الثالثة بنفس الطريقة. هذه أفضل طريقة وهناك طرق اخرى لكن باختلاف المتصفحات ربما يحدث خطأ في العرض الجدول الرئيسي الكبير لا تجعل له border طبعا. فقط لا غير السلام عليكم رابط هذا التعليق شارك More sharing options...
oozzoo قام بنشر فبراير 3, 2008 الكاتب مشاركة قام بنشر فبراير 3, 2008 جزاك الله الف خير ياليت الشرح بالصور الله ايوفقك الموضوع مهم جدا لي رابط هذا التعليق شارك More sharing options...
Junkie قام بنشر فبراير 4, 2008 مشاركة قام بنشر فبراير 4, 2008 (معدل) السلام عليكم للأسف اخي الكريم انا استخدم المفكرة في كتابة الصفحات لكن دعني اعطيك المثال التالي <html> <head></head> <body> <table border=1 width=100% height=100%> <tr> <td align='center' width=150>cell to the left</td> <td align='center'>cell to the middle</td> <td align='center' width=150>cell to the right</td> </tr> </table> </body> </html> ما تراه الان سيقوم بانشاء جدول كما ذكرت اعلاه, يحوي على ثلاث خلايا متجاورة, اثنتين بنفس العرض والثالثة في المنتصف هي عبارة عن ناتج طرح عرض الجدول بكامله منه يطرح عرض الخليتين الى اليمين والشمال. الصورة في المرفقات رقم (1) ثم نقوم بتحسين الظهور بالاضافة وبالتعديل ليصبح بالشكل التالي مثلا <html> <head></head> <body> <table border=1 width=100% height=100%> <tr> <td align='center' width=150> <!-- الجدول الموجود في الخلية اليسرى --> <table border=1 width=100% height=100%> <th height=15>Left Table</th> <tr><td align='center'>simple text</td></tr> </table> <!-- نهاية الجدول في الخلية اليسرى --> </td> <td align='center'> <!-- الجدول الموجود في الخلية الوسطى --> <table border=1 width=100% height=100%> <th height=15>Middle Table</th> <tr><td align='center'>simple text</td></tr> </table> <!-- نهاية الجدول في الخلية الوسطى --> </td> <td align='center' width=150> <!-- الجدول الموجود في الخلية اليمنى --> <table border=1 width=100% height=100%> <th height=15>Right Table</th> <tr><td align='center'>simple text</td></tr> </table> <!-- نهاية الجدول في الخلية اليمنى --> </td> </tr> </table> </body> </html> عند العرض ستلاحظ انه سيأخذ الشكل الوارد في الصورة رقم (2) الان لتحسينه نقوم مثلا باضافة بعض خصائص CSS لتعديل شكل ظهور اطار الجدول ونمط الخط وشكله. فأضيف التالي في كتلة HEAD مع الانتباه الى ضرورة اضافة id='body' لوسم الجداول المراد اضافة بعض التأثيرات الخاصة بالألوان وما شابه هذا إليها. (الجداول الداخلية فقط كما يظهر في الصورة + وسم TH) <style> body { background-color: #fefef0; font-family: tahoma, arial; font-size: 10px; font-weight: normal; color: #000; } table { font-size: 10px; background-color: #4f5864; border: 1px solid #394049; margin-top: 1px; } table#body { background-color: #56606d; padding-top: 3px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px; } th { border: 1px solid #394049; } </style> والذي سيجعل الصفحة تظهر بالشكل كما في الصورة رقم (3) حسناً اختيار سئ للألوان لكني اقتبسته من تصميم قديم لي بأي حال :P أتمنى أخي الكريم أن تنظر إلى الشفرة بعناية فهي ليست بلاتينية, هي مجرد كلمات انكليزية تشير تماماً إلى ما تقوم به, يبقى عليك فقط عملية الـ tuning ;) بالتوفيق تم تعديل فبراير 4, 2008 بواسطه Junkie رابط هذا التعليق شارك More sharing options...
oozzoo قام بنشر فبراير 5, 2008 الكاتب مشاركة قام بنشر فبراير 5, 2008 كفيت ووفيت جزاك الله الف خير الفكرة وصلت ( ولا ننساك في الدعاء) رابط هذا التعليق شارك More sharing options...
الردود الموصى بها
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.