میخوام به جای استفاده از table در طراحی سایت از div استفاده کنم. لطفا راهنماییم کنید
Printable View
میخوام به جای استفاده از table در طراحی سایت از div استفاده کنم. لطفا راهنماییم کنید
سلام
خوب استفاده کنید !
مشکلی داشتید بگید دوستان پاسخگو هستند
استفاده میکنم ولی div ها سر جای خودشون قرار نمیگیرند یه جای کار مشکل داره وبعد اینکه واسه منو هم باید از div استفاده کنم؟ چه جوری؟
خوب از table استفاده کن!!!:31::46: ولی اگه نظر منو بخوای کلا کار با table راحتر و بهتر از div است.:10:نقل قول:
شما کدت رو بزار تا بتونیم چک کنیم.نقل قول:
استفاده میکنم ولی div ها سر جای خودشون قرار نمیگیرند یه جای کار مشکل داره وبعد اینکه واسه منو هم باید از div استفاده کنم؟ چه جوری؟
منو ها معمولا توسط تگ های ul و li ساخته میشن. حالا بستگی داره منظورت چه جور منویی باشه.
<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 استفاده کن!!! [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] ولی اگه نظر منو بخوای کلا کار با table راحتر و بهتر از div است. [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
===
کدتون رو نگاه نکردم ولی به نظر مشکل نداره سعی کنید طراحی رو پله پله و با css نویسی دستی خودتون انجام بدید :)
دوست عزیز کدی که بالا گذاشتید به نظر من یه ایراد خیلی کوچیک داشت...نقل قول:
ضمنا اگر شما می خواهید با قرار دادن div ها در کنار هم (به صورت جدولی) ، همان کار table را انجام دهید، و یک یا چند ساید بار و یک هدر و... داشته باشید، به نظر من در CSS کدتون هنوز یه خورده مشکل داره...:41:
[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: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;}
</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]ضمنا Bill Gates عزیز اینه که می فرمایید div بهتره، را قبول دارم، ولی دردسر div از table خیلی بیشتره.:18:
کیفیت رو به دردسر باید فروخت خلاصه کار باید سختی هایی داشته باشه بدون سختی که نمیشه برادر :دینقل قول:
ضمنا Bill Gates عزیز اینه که می فرمایید div بهتره، را قبول دارم، ولی دردسر div از table خیلی بیشتره. [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
ببخشید کدهایی که گذاشته بودین رو امتحان کردم ولی مشکل باز هم حل نشد مشکلم 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:
یاعلی
سلام دوست عزیز
خیلی زحمت شد براتون دیروز بعد از ارسال مطلب خودم مشکل 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]
با سلام خدمت شمادوست عزیز:
واقعا دستتون درد نکنه ،خیلی از مشکلاتم حل شد.یه سوال دیگه داشتم برای ایجاد منو ها تو قسمت sidebar از table استفاده کنم بهتره یاdiv حالا اگه جوابتون div بودمیشه کمکم کنید
یاعلی
حالا که با 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]
باسلام خدمت شما دوست عزیز
دستتون درد نکنه ،کدهایی که گذاشته بودین عالی بود.خیلی به من کمک کردید.