View Full Version : نحوه قرارگیری تگها css Layout
ehsan_starlight
سه شنبه 04 بهمن 1390, 23:37 عصر
سلام دوستان...
توی طراحی layout وبسایت مشکل دارم ...
میخوام layout من مثل تصویری باشه که ضمیمه کردم...
مشکل اصلی من برای قسمت news و Main هست...
در صورت امکان راهنمایی کنید...
tux-world
چهارشنبه 05 بهمن 1390, 07:50 صبح
چرا دوبار تاپيك زديد؟؟؟
گزارش شد تا پاك شه.
hamid_shrk
چهارشنبه 05 بهمن 1390, 08:44 صبح
کل چیزی که میخواید اینجوریه :
<body style="background-color: #666666;">
<form id="form1" runat="server">
<div style="width: 1000px;height:650px; margin: 0 auto">
<div id="Head" style="width: 1000px; height: 120px; background-color: #996633;">
<h1>
Head</h1>
</div>
<div id="Menu" style="width: 1000px; height: 30px; background-color: #333300; color: #FFFFFF;">
Menu
</div>
<div id="Right" style="width: 200px; height: 500px; background-color: #999966; float: right;">
<h1>
Right</h1>
</div>
<div id="Center" style="width: 600px; height: 500px; background-color: #FFFFFF; float: right;">
<div id="News" style="width: 600px; height: 200px; background-color: #999999; float: right;"
align="center">
<h1>
News</h1>
</div>
<div id="Main" style="width: 600px; height: 300px; background-color: #FFFFFF; float: right;"
align="center">
<h1>
Main</h1>
</div>
</div>
<div id="Left" style="width: 200px; height: 500px; background-color: #999966; float: right;">
<h1>
Left</h1>
</div>
</div>
</form>
</body>
zhr.rezae66i
چهارشنبه 05 بهمن 1390, 10:10 صبح
سلام
این کد که گذاشتید بمن کمک کرد ممنون
راستی برای همین کد
بیایید برای دایو در بردارنده کله دایوهای دیگه یه border بگذارید
چرا تنظیماتش بهم میخوره؟
hamid_shrk
چهارشنبه 05 بهمن 1390, 10:34 صبح
بهم نخورد :
<div style="border: 1px solid #333333; width: 1000px; height:650px; margin: 0 auto">
<div id="Head" style="width: 1000px; height: 120px; background-color: #996633;">
<h1>
Head</h1>
</div>
<div id="Menu" style="width: 1000px; height: 30px; background-color: #333300; color: #FFFFFF;">
Menu
</div>
<div id="Right" style="width: 200px; height: 500px; background-color: #999966; float: right;">
<h1>
Right</h1>
</div>
<div id="Center" style="width: 600px; height: 500px; background-color: #FFFFFF; float: right;">
<div id="News" style="width: 600px; height: 200px; background-color: #999999; float: right;"
align="center">
<h1>
News</h1>
</div>
<div id="Main" style="width: 600px; height: 300px; background-color: #FFFFFF; float: right;"
align="center">
<h1>
Main</h1>
</div>
</div>
<div id="Left" style="width: 200px; height: 500px; background-color: #999966; float: right;">
<h1>
Left</h1>
</div>
</div>
ehsan_starlight
چهارشنبه 05 بهمن 1390, 14:15 عصر
حمید جان یه دنیا تشکر
vBulletin® v4.2.5, Copyright ©2000-1403, Jelsoft Enterprises Ltd.