ورود

نسخه کامل مشاهده نسخه کامل : استفاده از div به جای table


sol1358
27-05-2009, 22:38
میخوام به جای استفاده از table در طراحی سایت از div استفاده کنم. لطفا راهنماییم کنید
Bill Gates
27-05-2009, 23:34
سلام
خوب استفاده کنید !
مشکلی داشتید بگید دوستان پاسخگو هستند
sol1358
28-05-2009, 13:40
استفاده میکنم ولی div ها سر جای خودشون قرار نمیگیرند یه جای کار مشکل داره وبعد اینکه واسه منو هم باید از div استفاده کنم؟ چه جوری؟
pcforlife
28-05-2009, 14:41
استفاده میکنم ولی div ها سر جای خودشون قرار نمیگیرند یه جای کار مشکل داره وبعد اینکه واسه منو هم باید از div استفاده کنم؟ چه جوری؟

خوب از table استفاده کن!!!:31::46: ولی اگه نظر منو بخوای کلا کار با table راحتر و بهتر از div است.:10:
emad_67
28-05-2009, 15:32
استفاده میکنم ولی div ها سر جای خودشون قرار نمیگیرند یه جای کار مشکل داره وبعد اینکه واسه منو هم باید از div استفاده کنم؟ چه جوری؟

شما کدت رو بزار تا بتونیم چک کنیم.
منو ها معمولا توسط تگ های ul و li ساخته میشن. حالا بستگی داره منظورت چه جور منویی باشه.
sol1358
28-05-2009, 22:32
<body>
body{text align:center}
#container { font-family: Tahoma; font-size: 10pt; text-align: justify;
margin-left: 10; margin-right: 10 background-color:#ffffff; width:850px;alingn:center }

#header {width:800px;height:161px;align:center;margin }

#sidbar {width:100px;height:700px;background-color:#0066FF; float:right;}
#content {width:650px;height:700px;background-color:#000000;float:left;}

#footer{clear:both;}



</body>
<body>
<link href=style.css rel=stylesheet>
<div id="container" >
<div id="header"><img src="images/1 copy.jpg" width="800" height="161"></div>
<div id="sidebar"></div>
<div id="content"></div>

<div id="footer"></div>
</div>
</body>
Bill Gates
29-05-2009, 01:07
سلام

خوب از table استفاده کن!!![ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] ولی اگه نظر منو بخوای کلا کار با table راحتر و بهتر از div است.[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

از div بهتر نیست ... فوایدش رو جستجو کنید پیدا میشه :)...
===
کدتون رو نگاه نکردم ولی به نظر مشکل نداره سعی کنید طراحی رو پله پله و با css نویسی دستی خودتون انجام بدید :)
pcforlife
29-05-2009, 14:53
<body>
body{text align:center}
#container { font-family: Tahoma; font-size: 10pt; text-align: justify;
margin-left: 10; margin-right: 10 background-color:#ffffff; width:850px;alingn:center }

#header {width:800px;height:161px;align:center;margin }

#sidbar {width:100px;height:700px;background-color:#0066FF; float:right;}
#content {width:650px;height:700px;background-color:#000000;float:left;}

#footer{clear:both;}



</body>
<body>
<link href=style.css rel=stylesheet>
<div id="container" >
<div id="header"><img src="images/1 copy.jpg" width="800" height="161"></div>
<div id="sidebar"></div>
<div id="content"></div>

<div id="footer"></div>
</div>
</body>

دوست عزیز کدی که بالا گذاشتید به نظر من یه ایراد خیلی کوچیک داشت...
ضمنا اگر شما می خواهید با قرار دادن div ها در کنار هم (به صورت جدولی) ، همان کار table را انجام دهید، و یک یا چند ساید بار و یک هدر و... داشته باشید، به نظر من در CSS کدتون هنوز یه خورده مشکل داره...:41:


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

ضمنا Bill Gates عزیز اینه که می فرمایید div بهتره، را قبول دارم، ولی دردسر div از table خیلی بیشتره.:18:
Bill Gates
29-05-2009, 15:10
ضمنا Bill Gates عزیز اینه که می فرمایید div بهتره، را قبول دارم، ولی دردسر div از table خیلی بیشتره.[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

کیفیت رو به دردسر باید فروخت خلاصه کار باید سختی هایی داشته باشه بدون سختی که نمیشه برادر :دی
sol1358
29-05-2009, 22:26
ببخشید کدهایی که گذاشته بودین رو امتحان کردم ولی مشکل باز هم حل نشد مشکلم div مربوط بهside bare سر جای خودش نیست هرچی توی اون تایپ میکنم بالای div مربوط به content قرار میگیره
pcforlife
30-05-2009, 01:01
ببخشید کدهایی که گذاشته بودین رو امتحان کردم ولی مشکل باز هم حل نشد مشکلم div مربوط بهside bare سر جای خودش نیست هرچی توی اون تایپ میکنم بالای div مربوط به content قرار میگیره

دوست عزیز، من مشکل کدتون را حل کردم. می دونید مشکل از کجا بود؟! شما در کد های HTML تون به یکی از div ها، آی دی sidebar را داده بودید. اما تو css اون آی دی را به صورت sidbar تایپ کرده بودید!!! این همه پست دادیم فقط به خاطر یک e!!!:18::27::31:
من کد نهایی رو براتون گذاشتم.


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

هنوز باورم نمیشه که به خاطر یک e سه تا پست داده باشم!:18::46:
یاعلی
sol1358
30-05-2009, 09:06
سلام دوست عزیز
خیلی زحمت شد براتون دیروز بعد از ارسال مطلب خودم مشکل e رو کشف کردم . حالا یه مشکل دیگه دارم width ,container همیشه باید بیشتر باشه طول header من800px وقتی container رو850 میدم 50px باقی مونده بین دو ستون sid وcontent قرار میگیره(فاصله بین دو ستون قرار میگیره)ویه مشکل دیگه کل مجموعه center قرار نمیگیره در قسمت left صفحه قرار گرفته هرچی تو css align:center میدم مشکلم حل نمیشه (یه ذره ناشیم واسه همون) لطفا راهنماییم کنید
pcforlife
30-05-2009, 12:09
سلام دوست عزیز
خیلی زحمت شد براتون دیروز بعد از ارسال مطلب خودم مشکل e رو کشف کردم . حالا یه مشکل دیگه دارم width ,container همیشه باید بیشتر باشه طول header من800px وقتی container رو850 میدم 50px باقی مونده بین دو ستون sid وcontent قرار میگیره(فاصله بین دو ستون قرار میگیره)ویه مشکل دیگه کل مجموعه center قرار نمیگیره در قسمت left صفحه قرار گرفته هرچی تو css align:center میدم مشکلم حل نمیشه (یه ذره ناشیم واسه همون) لطفا راهنماییم کنید
سلام
این کد را تست کنید، فکر کنم که جفت مشکل هایی که گفتید با این کد حل میشه. ضمنا در هر رزولوشن کامپیوتری هم به درستی نمایش داده میشه. راستی من css های اضافی را که قبلا گذاشته بودید را هم حذف کردم. یاعلی:20:


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
sol1358
30-05-2009, 17:39
با سلام خدمت شمادوست عزیز:
واقعا دستتون درد نکنه ،خیلی از مشکلاتم حل شد.یه سوال دیگه داشتم برای ایجاد منو ها تو قسمت sidebar از table استفاده کنم بهتره یاdiv حالا اگه جوابتون div بودمیشه کمکم کنید
یاعلی
pcforlife
30-05-2009, 21:27
حالا که با div رفتید با div هم ادامه بدید.:31: ببینید... من برای نمونه بر روی ساید بارتان چهار تا div اضافه کردم که نقش دو تا منو را ایفا می کنه. div هایی که بک گروند سبز رنگ دارن تایتل هر منو هستند. شما می تونید به همین روش، content را هم ویرایش کنید. کلا از اینجا به بعد ساده تر میشه!:46: یاعلی


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
sol1358
30-05-2009, 23:13
باسلام خدمت شما دوست عزیز
دستتون درد نکنه ،کدهایی که گذاشته بودین عالی بود.خیلی به من کمک کردید.