PDA

View Full Version : اقایون این کد قالب سایتمه نگاه کنید مشکلشو؟


boysilent
یک شنبه 18 دی 1390, 08:30 صبح
کد:

<!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>Untitled Page</title>
</head>
<style type="text/css">
p
{
text-align: right;
font-family: tahoma;
font-size: small;
direction:rtl;

margin-right: 0px;
}
a:hover
{
color: #B2D487;
}
.divkol
{
width:800px;
margin:0 auto;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;

}
.div1
{
background-color:#FFFFFF;
height:20px;
text-align: right;
font-family: tahoma;
font-size: small;
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #999999;

}
.div2
{
background-color:#3275A8;
height:83px;
text-align: right;
font-family: tahoma;
font-size: small;
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #FFFFFF;

}
.div3
{
background-color:#B2D487;
height:20px;
}
.divcenter
{
padding: 5px;
background-color:#FFFFFF;
width:800px;
margin:0 auto;
height:auto;
}
.divsub
{
width:200px;
float:right;
height:auto;
text-align: center;
background-color:#FFFFFF;
}
.divasl
{
width:600px;
float:right;
height:auto;
text-align: center;
}
.divm
{
border-top: 2px solid #3275A8;
border-bottom: 2px solid #3275A8;
width:200px;
height:auto;
background-color:#FFFFFF;
text-align: center;
font-family: tahoma;
font-size: small;
margin:0 auto;

}
.diva
{
border-top: 2px solid #3275A8;
border-bottom: 2px solid #3275A8;
width:578px;
height:16px;;
background-color:#FFFFFF;
text-align: center;
font-family: tahoma;
font-size: small;
margin-left: 0px;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
margin:0 auto;
}

.divsm
{
width:200px;
height:auto;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
float:right;
}


.divmm
{
padding: 5px;
width:575px;
height:auto;
float:right;
}
.divmo1
{
width:198px;
height:auto;
padding-bottom:5px;
padding-left:5px;
padding-right:40;
padding-top:5px;
margin:0 auto;

}
.divmo2
{
width:569px;
height:auto;
padding-bottom:5px;
padding-left:5px;
padding-right:40;
padding-top:5px;
margin:0 auto;

}

.style3
{
font-size: small;
}
.style4
{
color: #000000;
}


a:hover{color:#333;}


.style7
{
text-decoration: none;
}



.style9
{
color: #3275A8;
}



.style10
{
text-align: center;
direction:rtl;
}



</style>

<body style=" background:#999999; text-align: right;">
<form id="form1" runat="server">
<div class="divkol div1">
<span class="style3"><a href="www.wordha.com" class="style7">صفحه اصلی</a>|<span
class="style9">درباره ما</span></span><span
class="style4">|</span><span class="style9">جستجو در سایت</span>

</span>

</div>
<div class="divkol div2"></div>
<div class="divkol div3"></div>
<div class="divcenter">
<div class="divsm">
<div class="divm">
موضوعات</div>
<div class=" divmo1">
<p class="style10">
نام کاربری<asp:TextBox ID="TextBox1" runat="server" Width="95px"></asp:TextBox>
&nbsp;</p>
<p class="style10">
<br />
&nbsp; کلمه عبور<asp:TextBox ID="TextBox2" runat="server" Width="92px"></asp:TextBox>
</p>
<p class="style10">
<br />
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="ورود"
Width="89px" />
</p>
<p class="style10">
&nbsp;</p>
<p class="style10">
<br />
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

<br />
<br />
<br />
</p>
</div>
</div>

<div class="divmm">
<div class="diva">
مطالب سایت</div>

<div class=" divmo2"><p>موضوع 1</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p></div>
</div>



<br />
<br />
<br />
<br />
<br />
<br />



</div>
</form>
</body>
</html>







عکس رو هم ببینید ضمیمه کردم
hamid_shrk
یک شنبه 18 دی 1390, 08:47 صبح
خط 194 خودت به تگ body این رنگ رو دادی :


<body style=" background:#999999; text-align: right;">

سفیدش کن
boysilent
یک شنبه 18 دی 1390, 13:45 عصر
اقا شما دیگه چرا؟؟؟
منظوزم اینه بعد دوتا تکست باکس که اینتر خورئه اومده پایین دایو اخر سمت راست؟؟
hamid_shrk
یک شنبه 18 دی 1390, 14:09 عصر
فکر کردم منظورت اونه.
به این کلاست باید ارتفاع بدی :


.divcenter
{
padding: 5px;
background-color:#FFFFFF;
width:800px;
margin:0 auto;
height:200px;
}
Saber Mogaddas
یک شنبه 18 دی 1390, 14:32 عصر
سلام
دوست من اگه فایل مذاشتین حل می کردم براتون..
مشکل شما اینه که از height ثابت استفاده کردی..
باکسی که سفید هست رو باید برای height ان min-height و overflow را مساوی hidden قرار بدید..


min-height:100px;
overflow:hidden;

اگه مشکل حل نشد به صورت فایل html ضمیمه کنید براتون رفع میکنم..
موفق باشی..
Saber Mogaddas
یک شنبه 18 دی 1390, 14:35 عصر
سلام دوباره به این صورت کلاس زیر رو تغییر بدید..


.divcenter {
background-color: #FFFFFF;
margin: 0 auto;
min-height: 104px;
overflow: hidden;
padding: 5px;
width: 800px;


}



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