فلت شدن کنترلها در div های استفاده شده [بایگانی]

sara_t

شنبه 17 تیر 1391, 10:41 صبح

سلام دوستان
من یک قالب آماده رو برای سایتم استفاده کردم که مجموعه ای از div هاست و الان که میخام باتن و تکست باکس رو در صفحاتم (از asp.net) استفاده کنم، همه بصورت فلت هستن چطور میتونم تغییراتی در استایل صفحه بدم که از این حالت خارج بشه؟
ممنون

aminghaderi

یک شنبه 18 تیر 1391, 06:51 صبح

همه بصورت فلت هستنسلام.
این "فلت" که می فرمایید چیست؟؟
اون ها کنترل html هستند و شما ظاهرا کنترل asp.net لازم دارید و این ها متفاوت هستند.

sara_t

یک شنبه 18 تیر 1391, 09:05 صبح

ممنون
من css رو که دانلود کردم میذارم. این قالب رو در مستر پیج کپی کردم و حالا یک صفحه که میسازم کنترلها بصورت مسطح میشن در واقع بعدشون رو از دست میدن.

sara_t

یک شنبه 18 تیر 1391, 09:09 صبح

ظاهرا نمیتونم چیزی اپلود کنم.

aminghaderi

یک شنبه 18 تیر 1391, 09:29 صبح

کنترل های html رو از داخل Master Page پاک کنید و به جای اون از المنت های Asp.net استفاده کنید ، مشکل حل می شه (انشاالله).

sara_t

یک شنبه 18 تیر 1391, 10:08 صبح

این کد صفحه مستر پیج من هست منظور شما از کنترل html چی هست؟ میتونه از css باشه؟

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fa" lang="fa">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>hhhhh</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="bg2">

<div id="bg3">

<div id="header">
<div id="buttons">
<a href="contact.aspx" class="but" title="">iiا</a>
<a href="aboutus.aspx" class="but" title="">rr</a>
<a href="#" class="but" title="">yyy</a>
<a href="listrad.aspx" class="but" title="">uuu</a>
<a href="index.aspx" class="but" title="">iii</a>
</div>
<div id="logo">
<h2><blink>ع</blink></h2>
</div>

</div>


<div id="content" >
<div id="main">
<div id="main_bot">
<div id="main_top">
<div id="right">
<h1 class="tit_right1">Categories</h1>
<div class="right_b">
<asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server">
<p>
<br />
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
</asp:ContentPlaceHolder>

</div>
<h1 class="tit_right2">Archives </h1>
<div class="right_w fish_10">
<asp:ContentPlaceHolder ID="ContentPlaceHolder3" runat="server">

</asp:ContentPlaceHolder>
</div>

</div>
<div id="center">
<h1></h1>
<div class="text">

</div>
<div class="text">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
<p>
<br />
</p>
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
 </p>
</asp:ContentPlaceHolder>
</div>
<div id="all_col"></div>
</div>
<div style="clear: both"><img src="images/spaser.gif" alt="" width="1" height="1" /></div>
</div>
</div>
</div>

</div>


<div id="footer">

<p><h3><marquee scrolldelay="100" direction="right"></marquee></h3></p>
<p> </p>

</div>

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

sara_t

یک شنبه 18 تیر 1391, 10:12 صبح

اینم از کلاس css که استفاده میکنم:

/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

*
{
border: 0;
margin: 0;
}

img
{
border: 0px;
}

body{
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
background: url(images/bg1.jpg) top repeat-x #ffffff;
line-height: 18px;
}

#bg2 {
width: 100%;
height: 100%;
background:url(images/bg2.jpg) bottom repeat-x;}

#bg3 {
background: url(images/bg3.jpg) center top no-repeat;
width: 1014px;
margin: 0px auto;
padding-top: 41px;
}

#header {
width:100%;
background: url(images/header.jpg) left top no-repeat;
height: 330px;
}

#logo {
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:18px;
font-style:italic;
background: url(images/big_img.jpg) left top no-repeat;
height: 60px;
width: 500px;
padding-top: 117px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 550px;
}

#logo a {
text-decoration: none;
text-transform: lowercase;
font-style: italic;
font-size: 16px;
color: #FFFFFF;
}

#logo H2 a{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-transform: none;
font-weight:100;
}

#buttons{

background: url(images/bg_but.jpg) left top no-repeat;
text-align:center;
height: 116px;
margin-left: 444px;
padding-top: 4px;
}

#buttons a {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
display: block;
float: left;
height: 66px;
text-decoration: none;
color: #FFFFFF;
padding-top: 50px;
padding-left: 0px;
text-align: center;
}

.but {
width: 110px;
}
.but:hover { background: url(images/but_hover.png) center center no-repeat;
text-decoration: none;}

#main {
background:url(images/main.gif) left repeat-y;
width: 1014px;}
#main_top {
width: 1014px;
background: url(images/main_top.gif) left top no-repeat;
}

#main_bot {
width: 1014px;
background: url(images/main_bot.gif) left bottom no-repeat ;
}

#content{
width: 1014px;
background-color: #FFFFFF;
background-image: none;
background-repeat: repeat-y;
background-position: right;
}

#left{
width: 244px;
float: left;
color:#000000;
}

.left_b {
padding-right: 5px;
padding-top: 3px;
padding-left: 30px;
font-size: 11px;
background:url(images/fish_left.png) 8px 12px no-repeat;
height: 117px;
}

.box1 { background: url(images/box1.gif) 0px 0px no-repeat;}
.box2 { background: url(images/box2.gif) 0px 0px no-repeat;}
.box3 { background: url(images/box3.gif) 0px 0px no-repeat;}
.box4 { background: url(images/box4.gif) 0px 0px no-repeat;}

.text{
padding: 6px 4px 0px 7px;
}

.img { float:left;
margin: 4px 15px 3px 0px;
}

.img_r { float: right;
margin: 4px 0px 3px 16px;
}

#left span { color:#014377;
text-decoration: underline;
font-size:12px;
}

#center span { color:#014377;
text-decoration: underline;
font-size:12px;
}

.w {color:#ffffff;
line-height: 25px;}
.g {color:#328816;}

#left H1{
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
font-weight: 100;
color: #FFFFFF;
text-align:left;
padding: 17px 0px 6px 5px;
}

#right H1{
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
font-weight: 100;
color: #ffffff;
text-align:left;
padding: 14px 0px 0px 136px;
height:30px;
}

.tit_right1 { background:url(images/tit_right1.gif) left 10px no-repeat;}
.tit_right2 { background:url(images/tit_right2.gif) left 10px no-repeat #DCEEFC; }

.read{
text-align:right;
padding-right:5px;
padding-top: 3px;
font-weight:bold;
font-size:12px;
}

.read a{
color: #014377;
text-decoration: underline;}

.read a:hover {
text-decoration:none;}

#right{
float: right;
width: 245px;
margin-right: 10px;
padding: 0px 0px 0px 0px;
}

.right_b { background: #DCEEFC;}
.right_w { background: #ffffff;}

.munth {
font-weight:bold;
background: url(images/fish_left.png) 14px 11px no-repeat;
padding: 5px 0px 5px 50px;
text-decoration:none;}

.munth a{color:#014377;
text-decoration: underline;
font-weight:100;
font-size: 11px;}

.munth a:hover {
text-decoration: none;
}

#center {
width: 735px;
float:left;
margin-left: 10px;
}

#center H1 {
background:url(images/tit_c.gif) bottom repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
font-weight: 100;
color: #014377;
text-align:left;
padding: 17px 0px 6px 7px;}

#all_col {
width: 100%;}

.col_left {
float: left;
width:228px;
margin-left: 7px}

.col_right {
float: right;
width: 235px;}

.left_a{
text-decoration: underline;
color: #1A8421;}
.left_a:hover { text-decoration: none;}

.right_a{
text-decoration: underline;
color: #1FB59C;}
.right_a:hover { text-decoration: none;}

#footer{
height: 50px;
width: 100%;
font-size: 12px;
color: #ffffff;
text-align: center;
clear:both;
padding: 13px 0px 0px 0px;
background: url(images/footer.jpg) 0px 0px no-repeat;
}

#footer a{
color: #ffffff;
font-size: 12px;
text-decoration: none;
}

#footer a:hover{
color: #ffffff;
font-size: 12px;
text-decoration: underline;
}