استفاده از div به جای table

Printable View

نمايش 40 تاپيکها در يک صفحه

30-05-2009, 01:01
pcforlife

نقل قول:

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

ببخشید کدهایی که گذاشته بودین رو امتحان کردم ولی مشکل باز هم حل نشد مشکلم div مربوط بهside bare سر جای خودش نیست هرچی توی اون تایپ میکنم بالای div مربوط به content قرار میگیره

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

[HTML]
<head>
<style>
body{text align:center}
#container { font-family: Tahoma; font-size: 10pt; text-align: justify;
margin-left: 10; margin-right: 10 background-color:#ffffff; width:800px;alingn:center }
#header {width:800px;height:161px;align:center;margin }
#sidebar {width:150px;height:700px;background-color:#0066FF; float:right;}
#content {width:650px;height:700px;background-color:#000000;float:left;}
#footer{clear:both;}
</style>
</head>
<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>
[/HTML]
هنوز باورم نمیشه که به خاطر یک e سه تا پست داده باشم!:18::46:
یاعلی
30-05-2009, 09:06
sol1358

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

نقل قول:

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

سلام دوست عزیز
خیلی زحمت شد براتون دیروز بعد از ارسال مطلب خودم مشکل e رو کشف کردم . حالا یه مشکل دیگه دارم width ,container همیشه باید بیشتر باشه طول header من800px وقتی container رو850 میدم 50px باقی مونده بین دو ستون sid وcontent قرار میگیره(فاصله بین دو ستون قرار میگیره)ویه مشکل دیگه کل مجموعه center قرار نمیگیره در قسمت left صفحه قرار گرفته هرچی تو css align:center میدم مشکلم حل نمیشه (یه ذره ناشیم واسه همون) لطفا راهنماییم کنید

سلام
این کد را تست کنید، فکر کنم که جفت مشکل هایی که گفتید با این کد حل میشه. ضمنا در هر رزولوشن کامپیوتری هم به درستی نمایش داده میشه. راستی من css های اضافی را که قبلا گذاشته بودید را هم حذف کردم. یاعلی:20:

[HTML]
<head>
<style>
body{text-align:center}
#container { font-family: Tahoma; font-size: 10pt; text-align: justify; background-color:#ffffff; width:850px; margin-left:5%}
#header {width:800px;height:161px}
#sidebar {width:150px;height:700px;background-color:#0066FF; float:left;}
#content {width:650px;height:700px;background-color:#000000;float:left;}
#footer{clear:both;}
</style>
</head>
<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="content"></div>
<div id="sidebar"></div>
<div id="footer"></div>
</div>
</body>
[/HTML]
30-05-2009, 17:39
sol1358

با سلام خدمت شمادوست عزیز:
واقعا دستتون درد نکنه ،خیلی از مشکلاتم حل شد.یه سوال دیگه داشتم برای ایجاد منو ها تو قسمت sidebar از table استفاده کنم بهتره یاdiv حالا اگه جوابتون div بودمیشه کمکم کنید
یاعلی
30-05-2009, 21:27
pcforlife

حالا که با div رفتید با div هم ادامه بدید.:31: ببینید... من برای نمونه بر روی ساید بارتان چهار تا div اضافه کردم که نقش دو تا منو را ایفا می کنه. div هایی که بک گروند سبز رنگ دارن تایتل هر منو هستند. شما می تونید به همین روش، content را هم ویرایش کنید. کلا از اینجا به بعد ساده تر میشه!:46: یاعلی

[HTML]
<head>
<style>
body{text-align:center}
#container { font-family: Tahoma; font-size: 10pt; text-align: justify; background-color:#ffffff; width:850px; margin-left:5%}
#header {width:800px;height:161px}
#sidebar {width:150px;height:700px;background-color:#0066FF; float:left;}
#content {width:650px;height:700px;background-color:#000000;float:left;}
#footer{clear:both;}
</style>
</head>
<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="content"></div>
<div id="sidebar"><div style="background-color:#00FF00;background-image:; background-position:center; background-repeat:no-repeat; height:30px"></div>
<div style="height:150px"></div>
<div style="background-color:#00FF00;background-image:; background-position:center; background-repeat:no-repeat; height:30px"></div>
<div style="height:150px"></div>
</div>
<div id="footer"></div>
</div>
</body>
[/HTML]
30-05-2009, 23:13
sol1358

باسلام خدمت شما دوست عزیز
دستتون درد نکنه ،کدهایی که گذاشته بودین عالی بود.خیلی به من کمک کردید.

نمايش 40 تاپيکها در يک صفحه