mohammadreza0123
جمعه 10 مرداد 1393, 16:54 عصر
سلام
یه مشکل فجیع روبه رو شدم
من width رو برای مثلا یکی از div هام که مربوط به منو هست به حالت auto می گذارم.
و یه دیو دیگه وسط اون میذارم
حالا موقع زوم کردن وقتی به منو زوم میشه اون بکگراند کالر که برای دیو مربوط به منو گذاشتم width اون کم میشه و حالت بیخودی میده
madahan.com
اینو نگاه کنید و سمت منو بالای اون زوم کنید چنین چیزی میخوام بشه
اما نشد
کدشم اینه
توو دریمویور بزنید و زوم این را تا آخر انجام بدید و اسکرول بار رو به چپ یا راست ببرید
متوجه مشکلم میشید
خواهشا زودی کمکم کنید
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<style>
.back-of-head
{
width:auto;;
height:205px;
background-image:url(aks%20ha/back-of-head.jpg);
background-repeat:repeat;
padding:0px;
margin:-10px;
}
.content-of-head
{
width:1000px;
height:200px;
}
.logo
{
width:235px;
height:100px;
background-image:url(aks%20ha/logo.png);
float:right;
margin-top:10px;
}
.akhbar-site
{
background-image:url(aks%20ha/akhbar-site.png);
width:955px;
height:37px;
float:right;
margin-top:0px;
margin-left:100px;
margin-right:10px;
margin-bottom:-12px;
}
.hadis
{
width:1000px;
height:60px;
background-image:url(aks%20ha/hadis.png);
float:left;
margin-top:10px;
}
#search
{
width:337px;
height:42px;
background-image:url(aks%20ha/search.png);
margin-left:10px;
margin-top:10px;
float:left;
}
.txt-search
{
margin-right:40px;
margin-top:10px;
}
#search .txt_s
{
direction:rtl;
float:left;
background:none;
border:none;
font-family:Tahoma;
font-size:12px;
width:230px;
height:35px;
margin-right:10px;
margin-top:3px;
color:#FF9;
}
#search .search-btn
{
width:80px;
height:42px;
float:right;
background:none;
border:none;
display:block;
margin-top:0px;
}
#search .search-btn:hover
{
width:80px;
height:42px;
float:right;
background:none;
border:none;
display:block;
margin-top:0px;
cursor:pointer;
}
</style>
<body>
<div class="back-of-head">
<center>
<div class="content-of-head">
<div class="logo"></div>
<div class="akhbar-site"></div>
<div class="hadis">
<div id="search">
<input type="text" name="txt-search" class="txt_s" value="عبارت مورد نظر خود را وارد کنید..." />
<input type="button" class="search-btn" />
</div>
</div>
</div>
</center>
</div><!---------payane header-------->
</body>
</html>
یه مشکل فجیع روبه رو شدم
من width رو برای مثلا یکی از div هام که مربوط به منو هست به حالت auto می گذارم.
و یه دیو دیگه وسط اون میذارم
حالا موقع زوم کردن وقتی به منو زوم میشه اون بکگراند کالر که برای دیو مربوط به منو گذاشتم width اون کم میشه و حالت بیخودی میده
madahan.com
اینو نگاه کنید و سمت منو بالای اون زوم کنید چنین چیزی میخوام بشه
اما نشد
کدشم اینه
توو دریمویور بزنید و زوم این را تا آخر انجام بدید و اسکرول بار رو به چپ یا راست ببرید
متوجه مشکلم میشید
خواهشا زودی کمکم کنید
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<style>
.back-of-head
{
width:auto;;
height:205px;
background-image:url(aks%20ha/back-of-head.jpg);
background-repeat:repeat;
padding:0px;
margin:-10px;
}
.content-of-head
{
width:1000px;
height:200px;
}
.logo
{
width:235px;
height:100px;
background-image:url(aks%20ha/logo.png);
float:right;
margin-top:10px;
}
.akhbar-site
{
background-image:url(aks%20ha/akhbar-site.png);
width:955px;
height:37px;
float:right;
margin-top:0px;
margin-left:100px;
margin-right:10px;
margin-bottom:-12px;
}
.hadis
{
width:1000px;
height:60px;
background-image:url(aks%20ha/hadis.png);
float:left;
margin-top:10px;
}
#search
{
width:337px;
height:42px;
background-image:url(aks%20ha/search.png);
margin-left:10px;
margin-top:10px;
float:left;
}
.txt-search
{
margin-right:40px;
margin-top:10px;
}
#search .txt_s
{
direction:rtl;
float:left;
background:none;
border:none;
font-family:Tahoma;
font-size:12px;
width:230px;
height:35px;
margin-right:10px;
margin-top:3px;
color:#FF9;
}
#search .search-btn
{
width:80px;
height:42px;
float:right;
background:none;
border:none;
display:block;
margin-top:0px;
}
#search .search-btn:hover
{
width:80px;
height:42px;
float:right;
background:none;
border:none;
display:block;
margin-top:0px;
cursor:pointer;
}
</style>
<body>
<div class="back-of-head">
<center>
<div class="content-of-head">
<div class="logo"></div>
<div class="akhbar-site"></div>
<div class="hadis">
<div id="search">
<input type="text" name="txt-search" class="txt_s" value="عبارت مورد نظر خود را وارد کنید..." />
<input type="button" class="search-btn" />
</div>
</div>
</div>
</center>
</div><!---------payane header-------->
</body>
</html>