مشکل در چیدمان فرم با تیبل [بایگانی]

csharpprogramer88

پنج شنبه 16 دی 1389, 22:03 عصر

سلام

من در پروژه ای، صفحات رامیخوام به این صورت طراحی کنم که بالای صفحه یک بنر قرار بگیره (تصویر jpg ) سمت راست چند دکمه برای ارتباط با صفحات مربوطه و یک ContentPlaceHolder در سمت چپ صفحه که همیشه تغییر میکنه که همه اینها را در master page طراحی کردم .

مشکلات :

1- بنر در بالای صفحه وسط صفحه قرار نمیگیره و به سمت چپ میره

2- 3 تا دکمه دارم که زیر هم هستن حالا میخوام ContentPlaceHolder درست از زیر تصویر بالای صفحه (بنر) قرار بگیره و در کنار این دکمه ها قرار بگیره ولی در کد ارسالی اینطوری نیست و زیر دکمه ها قرار میگره

البته با خاصیت tr,td جدول کار کردم ولی نشد .

این کد مربوط به صفحه master page هست :

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="pagemaster.master.cs" Inherits="stone.pagemaster" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
<style type="text/css">
.style1
{
width: 470px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<table style="width: 97%;">
<tr>
<td class="style1">
<center><img alt="" src="image/baner_site.jpg" style="width: 1200px"/></center>
</td>
</tr>
<tr>
<td>
<asp:Button ID="Button1" runat="server" Text="گالری تصاویر" Width="124px"
Font-Bold="True" Font-Names="Tahoma" onclick="Button1_Click1" />
</td>
</tr>
<tr>
<td>
<asp:Button ID="Button4" runat="server" Text="سفارش آنلاین" Width="124px"
Font-Bold="True" Font-Names="Tahoma" />
</td>
</tr>
<tr>
<td>
<asp:Button ID="Button3" runat="server" Text="ارتباط با ما" Font-Bold="True"
Font-Names="Tahoma" Width="123px" />
</td>
</tr>
<tr>
<td>
 </td>
</tr>
<tr>
<td>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>

Keramatifar

جمعه 17 دی 1389, 16:26 عصر

دوست عزیز
بهتره طراحی رو با div انجام بدید
اگر با table کار می کنید باید از text-align: center یا " align="center در td مربوطه استفاده کنید

csharpprogramer88

شنبه 18 دی 1389, 09:23 صبح

درباره div اطلاعی ندارم ولی اگر ممکنه یک مثال با تیبل برام بزارید یا در همین کد منو راهنمایی کنید

csharpprogramer88

شنبه 18 دی 1389, 20:46 عصر

دوستان عزیز با کد های من یک مثال بزنید

با تشکر

mahsa.n

یک شنبه 19 دی 1389, 09:41 صبح

با table اصلا کار نکن چون سرعت صفحتو میاره پایین
اگه بتونی کتاب 101 نکته و ترفند در استفاده از css برای طراحی سایت رو بخونی کاملا یاد میگیری چه طوری صفحتو طراحی کنی

اگه سرچ کنی مثالهای زیاد و جالبی پیدا میکنی

style type="text/css">
#baner
{
height:100px;/*heigh=baner height*/
background:url(آدرس بنر) no-repeat center center;
}
#content
{
width:100%;
height:500px;
}
#content .RIGHT
{
float:right;
background-color:Red;
width:69%;
height:500px;
}
#content .LEFT
{
float:left;
background-color:Blue;
width:30%;
height:500px;
}
</style>

<div id="baner"></div>
<div id="content">
<div class="RIGHT"></div>
<div class="LEFT"></div>
</div>

اینم یه نگاه بنداز
http://www.macromediax.com/learn/archive.asp?id=93

csharpprogramer88

دوشنبه 20 دی 1389, 08:03 صبح

با table اصلا کار نکن چون سرعت صفحتو میاره پایین
اگه بتونی کتاب 101 نکته و ترفند در استفاده از css برای طراحی سایت رو بخونی کاملا یاد میگیری چه طوری صفحتو طراحی کنی

اگه سرچ کنی مثالهای زیاد و جالبی پیدا میکنی

style type="text/css">
#baner
{
height:100px;/*heigh=baner height*/
background:url(آدرس بنر) no-repeat center center;
}
#content
{
width:100%;
height:500px;
}
#content .RIGHT
{
float:right;
background-color:Red;
width:69%;
height:500px;
}
#content .LEFT
{
float:left;
background-color:Blue;
width:30%;
height:500px;
}
</style>

<div id="baner"></div>
<div id="content">
<div class="RIGHT"></div>
<div class="LEFT"></div>
</div>

اینم یه نگاه بنداز
http://www.macromediax.com/learn/archive.asp?id=93
با تشگر از شما
اگر ممکنه فعلا یک مثال با تیبل بزنید چون فعلا مقدور نیست که css یاد بگیرم