ورود

نسخه کامل مشاهده نسخه کامل : چه جوری میشه جداول موجود در html را با css موقعیت دهی کرد؟ )(تبدیل به css کرد؟)


3dmaster
27-03-2012, 10:04
سلام دوستان

من قبلا با فرانت پیج 2003 کار می کردم وبرای اینکه اجزای یک صفحه را جاگزاری کنم،اول یک جدول بزرگ با طول و

عرض پیکسلی (مثلا 700*1000) طراحی می کردم و بعد توش یه جدول دیگه با سایز 100*100 (به صورت درصدی برای

پرکردن کل جدول اول ) مینداختم توش،اینجوری دیگه موقعیت همه چیز تو صفحه ثابت بود ،علاوه بر آن این صفحه در

تمام رزولوشن ها به صورت یکسان دیده می شدو برای اینکه هر چیزی را اضافه کنم،هی جدول داخل جدول دوم (همون

که به صورت درصدی بود )اضافه می کردم،الان یکی می تونه به صورت دقیق این مورد را با کمک css برای من توضیح بده؟

( به کمک دریم ویور و یا ویژوال استادیو 2010 و یا اکپرشین استادیو )

پیشاپیش از لطف دوستان ممنونم
frnsh
27-03-2012, 19:33
سلام دوستان

من قبلا با فرانت پیج 2003 کار می کردم وبرای اینکه اجزای یک صفحه را جاگزاری کنم،اول یک جدول بزرگ با طول و

عرض پیکسلی (مثلا 700*1000) طراحی می کردم و بعد توش یه جدول دیگه با سایز 100*100 (به صورت درصدی برای

پرکردن کل جدول اول ) مینداختم توش،اینجوری دیگه موقعیت همه چیز تو صفحه ثابت بود ،علاوه بر آن این صفحه در

تمام رزولوشن ها به صورت یکسان دیده می شدو برای اینکه هر چیزی را اضافه کنم،هی جدول داخل جدول دوم (همون

که به صورت درصدی بود )اضافه می کردم،الان یکی می تونه به صورت دقیق این مورد را با کمک css برای من توضیح بده؟

( به کمک دریم ویور و یا ویژوال استادیو 2010 و یا اکپرشین استادیو )

پیشاپیش از لطف دوستان ممنونم

سلام
من خودم با دریو ویور کار میکنم، پیشنهاد میکنم firebug firefox رو هم بگیرید چون توی اندازه ها شدیدا کمک میکنه.
با جدول میخواین اینکارو انجام بدین یا با div؟
جدول خیلی دنگ و فنگ داره و کار کردن باهاش سخته. هم واسه html و css کار هم واسه مراحل بعد.
با div بخواین اینکارو انجام بدی، کل div هایی که میخوایو با html میزنی، بعد واسه هر کدوم کلاسی که تعریف کردیو وارد قسمت css میکنی، بعد از سیو کردن راحت با firebug ، میشه margin و padding و float و یه سری چیزای دیگه داد تا درست همونجا که میخواین برن.
3dmaster
28-03-2012, 09:41
ممنون بابت پاسخ،

فقط می خوام از div استفاده کنم و کلا css،چون سرعت لود صفحات را بالا می بره و موتورهای جستجو هم بهتر کار می کنن با صفحات css based


به عنوان مثال من بالای کد یکی از صفحاتم برای اینکه کاملا وسط قرار بگیره و در رزولوشن 768*1024 درست دیده بشه این کد را قرار دادم،



<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0" link="#333333">
<div align="center">
<table cellpadding="0" cellspacing="0" width="988" style="width: 472px; height: 1478px">

و در داخا جدول اصلی (همین جدولی که بالا تعریف شد) یه جدول دیگه با سایز 100*100(بر مبنای درصد ) تعریف کردم،حالا اگر بخوام به صورت کامل همین را با div پیاده سازی کنم،چه جوری میشه؟
frnsh
29-03-2012, 00:57
ممنون بابت پاسخ،

فقط می خوام از div استفاده کنم و کلا css،چون سرعت لود صفحات را بالا می بره و موتورهای جستجو هم بهتر کار می کنن با صفحات css based


به عنوان مثال من بالای کد یکی از صفحاتم برای اینکه کاملا وسط قرار بگیره و در رزولوشن 768*1024 درست دیده بشه این کد را قرار دادم،



<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0" link="#333333">
<div align="center">
<table cellpadding="0" cellspacing="0" width="988" style="width: 472px; height: 1478px">

و در داخا جدول اصلی (همین جدولی که بالا تعریف شد) یه جدول دیگه با سایز 100*100(بر مبنای درصد ) تعریف کردم،حالا اگر بخوام به صورت کامل همین را با div پیاده سازی کنم،چه جوری میشه؟

خواهش میکنم
خب بخواین اینو با html و css بنویسین اینطور میشه حدودا:


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
اینم استایلش توی css:


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

نمیدونم دیگه جدولتون چند در چنده. به تعدادشون div قرار میدین
3dmaster
02-04-2012, 11:46
باز هم ممنون بابت توضیحات

یه سوال دیگه

من جدول اصلی را با کد شما ایجاد کردم،حالا می خوام توش سه تا جدول بزارم که اندازه هر کدومش 100*400 باشه،که یکیش در سمت چپ،یکی وسط و یکی دیگه زیر چدول اصلی در سمت چپ قرار بگیره و در رزولوشن های مختلف در یه جا قرار بگبره،چه جوری می تونم با css این جداول را بسازم؟
m.m.m5651
02-04-2012, 20:34
فکر کنم مورد نظر شما tableless باشه. اگر در این باره تو نت بگردید خیلی چیزا پیدا می کنید.
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
3dmaster
07-04-2012, 09:09
ممنون

مشکل حل شد