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

Printable View

27-03-2012, 10:04
3dmaster

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

سلام دوستان

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

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

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

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

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

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

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

نقل قول:

نوشته شده توسط 3dmaster [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

سلام دوستان

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

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

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

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

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

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

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

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

با div

ممنون بابت پاسخ،

فقط می خوام از 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 پیاده سازی کنم،چه جوری میشه؟
29-03-2012, 00:57
frnsh

نقل قول:

نوشته شده توسط 3dmaster [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

ممنون بابت پاسخ،

فقط می خوام از 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 بنویسین اینطور میشه حدودا:

کد:

<body> <div class="wrapper"> <div class="jadval"></div> </div> </body>

اینم استایلش توی css:

کد:

<style> body { margin:0px; padding:0px; } .wrapper { margin:0 auto; } .jadval { width: 472px; height: 1478px; } </style>

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

باز هم ممنون بابت توضیحات

یه سوال دیگه

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

فکر کنم مورد نظر شما tableless باشه. اگر در این باره تو نت بگردید خیلی چیزا پیدا می کنید.
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
07-04-2012, 09:09
3dmaster

ممنون

مشکل حل شد