مشکل در طراحی صفحه اول وب سایت با جدول [بایگانی]

kaka777

سه شنبه 06 دی 1390, 14:49 عصر

با سلام
من میخوام یه وب سایت خبرنامه درست کنم که یه مسترپیج میخوام درست کنم
عکس صفحه اول رو ضمیمه میکنم
میخوام این صفحه رو طراحی کنم برایکی از دوستام که وقتمم کمه تا شنبه باید جمع بشه
مشکلم طراحی باجدول هست همون طور کهتوو عکس می بینید من نمیدونم اندازه جدول اصلی چقدر باشه؟
اندازه ها رو پیکسلی بدم یا درصدی؟ چون میخوام توو مانیتورهای مختلف یکی باشه؟
همه جای سایتم ثابت هست به جز وسط سایت که توو عکس مشخصه
اما این فلش ساعت و همچنین فلش گالری که در دوطرف هستن نمیزارن که اون وسط ثابت باشه یعنی اندازه اش تغییر میکنه
یه کمک اساسه به من کنید

http://s2.picofile.com/file/7226146234/pic.jpg

hamid_shrk

سه شنبه 06 دی 1390, 15:23 عصر

سلام ، اندازه رو به واحد em یا درصد بده ، اگه 97em بدی استانداده، به ستون های چپ و راستت هم مقدار ثابت بده .

kaka777

سه شنبه 06 دی 1390, 15:28 عصر

این صفحه رو طراحی نکردم
یعنی یه طراحی نامناسب بوده (چندتاجدول و ..داشته)
الان از اول میخوام طراحی کنم ، اندازه ها یا تعداد سطر و ستون رو نمیدونم چی بدم ؟ که استاندارد و تووهمه جا یه جور نمایش بده و بهم نریزه؟
راستی اون پروژه درست شده منم آپلود کنید و ایرادشو بهم بگید

Saber Mogaddas

سه شنبه 06 دی 1390, 17:49 عصر

سلام
به نظر من میتونید طرح رو بهتر و حتی خیلی بهتر کنید..و فقط از div استفاده کنید برای طراحی..
موفق باشی..

hamid_shrk

چهارشنبه 07 دی 1390, 11:11 صبح

این قالب رو امتحان کن ، بدون table هست :

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
body
{
direction: rtl;
font: 12px Tahoma;
color: #444;
}
.Main
{
margin: 0 auto;
width: 97em;
height: 600px;
}
.Head
{
width: 100%;
background-color: #669999;
height: 100px;
}
.Menu
{
width: 100%;
background-color: #336699;
height: 30px;
}
.Content
{
width: 100%;
height: 440px;
position: relative;
}
.Right
{
width: 20em;
background-color: #336600;
float: right;
height: 100%;
}
.Center
{
width: 57em;
background-color: #CC99FF;
float: right;
height: 100%;
}
.Left
{
width: 20em;
background-color: #993333;
float: right;
height: 100%;
}
.Footer
{
width: 100%;
background-color: #808080;
height: 30px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div class="Main">
<div class="Head">
</div>
<div class="Menu">
</div>
<div class="Content">
<div class="Right">
</div>
<div class="Center">
</div>
<div class="Left">
</div>
</div>
<div class="Footer">
</div>
</div>
</form>
</body>
</html>