romaissa
10-30-2013, بتوقيت غرينيتش 02:00 PM
السلام عليكم ورحمة الله وبركاته
مساءكم ورد
وكل عام وانتم بخير
عندي مشكلة بسيطة بخصوص تمدد احد الكلاسات في لغة CSS
ارفقت لكم الكود code .... والمقصود الكلاس
اقتباس
class="header3"
ابغاه يتمدد بحيث الكلاسات باليمين واليسار تكون مرتبة وعلى حسب عرضها
رمز Code:
<!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> <meta content="en-us" http-equiv="Content-Language" /> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>abcde</title> <style type="text/css"> #header { float: right ; height: 200px; background-color: gray ; border: 1px black dashed ; text-align: center ; width: 100%; margin: 0 auto; } .header1 { float: right ; width: 80px; border: 1px black solid ; } .header2 { float: right ; width: 70px; border: 1px black solid ; } .header3 { float: right ; width: auto ; border: 2px red solid ; } .header4 { float: right ; width: 40px; border: 1px black solid ; } .header5 { float: right ; width: 40px; border: 1px black solid ; } </style> </head> <body> <div id="header"> <div class="header1">a</div> <div class="header2">b</div> <div class="header3">cc</div> <div class="header4">d</div> <div class="header5">e</div> </div> </body> </html>
بإمكاني اسويها عن طريق الجدوال
لكن ودي اتعلم لغة CSS واستفيد منها ,, لأنها اصبحت اللغة الأولى في تصميم المواقع
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
مساءكم ورد
وكل عام وانتم بخير
عندي مشكلة بسيطة بخصوص تمدد احد الكلاسات في لغة CSS
ارفقت لكم الكود code .... والمقصود الكلاس
اقتباس
class="header3"
ابغاه يتمدد بحيث الكلاسات باليمين واليسار تكون مرتبة وعلى حسب عرضها
رمز Code:
<!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> <meta content="en-us" http-equiv="Content-Language" /> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>abcde</title> <style type="text/css"> #header { float: right ; height: 200px; background-color: gray ; border: 1px black dashed ; text-align: center ; width: 100%; margin: 0 auto; } .header1 { float: right ; width: 80px; border: 1px black solid ; } .header2 { float: right ; width: 70px; border: 1px black solid ; } .header3 { float: right ; width: auto ; border: 2px red solid ; } .header4 { float: right ; width: 40px; border: 1px black solid ; } .header5 { float: right ; width: 40px; border: 1px black solid ; } </style> </head> <body> <div id="header"> <div class="header1">a</div> <div class="header2">b</div> <div class="header3">cc</div> <div class="header4">d</div> <div class="header5">e</div> </div> </body> </html>
بإمكاني اسويها عن طريق الجدوال
لكن ودي اتعلم لغة CSS واستفيد منها ,, لأنها اصبحت اللغة الأولى في تصميم المواقع
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©