PDA

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



katy71
جمعه 20 بهمن 1391, 19:35 عصر
99770

سلام دوستان

من دارم یک سایت برای یک مهد کودک طراحی میکنم.این نوار آبی ای که اشتباه درون کاذر متن قرار گرفته لینک نقشه سایت هست,در dreamweaver در قسمت css و source code چی باید بنویسم که لینک نقشه سایت در جای خودش یعنی زیر قسمت login قرار بگیره؟
http://barnamenevis.org/images/misc/pencil.png

SianiD
جمعه 20 بهمن 1391, 20:22 عصر
لطف کنید کد Css و html رو بذارید

katy71
جمعه 20 بهمن 1391, 20:38 عصر
css:
MAP
{
background-color:#009de4;
width:160px;
height:25px;
float:right;
color:#FFF;
margin-top:150px;
text-align:center;
margin-right:0px;




}
source code:


<div class="MAP">naghsheye site</div>

SianiD
جمعه 20 بهمن 1391, 20:52 عصر
لطفا کامل بذارید

katy71
جمعه 20 بهمن 1391, 20:57 عصر
من همین رو برای این قسمت نوشتم!

SianiD
جمعه 20 بهمن 1391, 22:28 عصر
شما باید تمام کد رو بذارید شاید بقیه تگ ها رو این خط اثر میذاره

mehbod.rayaneh
شنبه 21 بهمن 1391, 04:27 صبح
استایلو نذاشتید!!!

katy71
یک شنبه 22 بهمن 1391, 17:00 عصر
source code:

<body>
<div class="Main">
<div class="Banner"><img src="images/Banner.png" width="1023" height="229" /></div>
<div class="Menu">
<script type="text/javascript" src="stmenu.js"></script>
<script type="text/javascript">
<!--
stm_bm(["menu12ce",970,"","blank.gif",0,"","",0,0,250,0,1000,1,0,0,"#","",0,0,1,2,"default","hand","",1,25],this);
stm_bp("p0",[0,4,0,0,0,0,5,0,100,"",-2,"",-2,50,0,0,"#999999","#0289c6","",3,0,0,"#000000"]);
stm_ai("p0i0",[2,"","Call_us.png","Call_us.png",113,33,0,"","_self","","","","",5,5,0,"","",0,0,0,1,1,"0289c6",0,"0289c6",0,"","",3,1,0,0,"#FFFFF7","#000000","#FFFFFF","#FFFFFF","bold 9pt Arial","bold 9pt Arial",0,0,"","","","",0,0,0],0,4);
stm_aix("p0i1","p0i0",[2,"","About_Us.png","About_Us.png",113,33,0,"","_self","","","","",5,5,0,"","",-1,-1,0,1,1,"#0289c6",0,"#0289c6"],0,4);
stm_bpx("p1","p0",[1,4,0,2,0,5,0,0,80,"progid:DXImageTransform.Microsoft.RandomDissolve(, enabled=0,Duration=0.30)",12,"progid:DXImageTransform.Microsoft.RandomDissolve(, enabled=0,Duration=0.30)",12,80,0,0,"#666666","#0289c6","",3,1,1]);
stm_aix("p1i0","p0i0",[1,"Menu Item 1","","",-1,-1,0,"","_self","","","","",0,0,0,"","",0,0,0,0,1,"#FF0099",0,"#FFCCFF",0,"","",3,1,0,0,"#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","9pt Arial","9pt Arial"]);
stm_aix("p1i1","p1i0",[0,"Menu Item 2","","",-1,-1,0,"","_self","","","","",0,0,0,"","",0,0,0,0,1,"#FF66CC"]);
stm_aix("p1i2","p1i0",[0,"Menu Item 3","","",-1,-1,0,"","_self","","","","",0,0,0,"","",0,0,0,0,1,"#eb359c"]);
stm_aix("p1i3","p1i0",[0,"Menu Item 4","","",-1,-1,0,"","_self","","","","",0,0,0,"","",0,0,0,0,1,"#FF6699"]);
stm_ep();
stm_aix("p0i2","p0i0",[2,"","Entertainment.png","Entertainment.png",112,33,0,"","_self","","","","",5,5,0,"","",-1,-1,0,1,1,"#0289c6",0,"#0289c6",0,"","",1],0,4);
stm_bpx("p2","p1",[1,4,0,2,0,5,0,0,80,"progid:DXImageTransform.Microsoft.RandomDissolve(, enabled=0,Duration=0.30)",12,"progid:DXImageTransform.Microsoft.RandomDissolve(, enabled=0,Duration=0.30)",12,80,0,0,"#666666","#000000"]);
stm_aix("p2i0","p1i0",[0,"Menu Item 1","","",-1,-1,0,"","_self","","","","",0,0,0,"","",0,0,0,0,1,"#F77811",0,"#FF9966"]);
stm_aix("p2i1","p2i0",[0,"Menu Item 2","","",-1,-1,0,"","_self","","","","",0,0,0,"","",0,0,0,0,1,"#ffa151"]);
stm_ep();
stm_aix("p0i3","p0i1",[2,"","Photo_Gallery.png","Photo_Gallery.png",112,33,0,"","_self","","","","",5,5,0,"","",0,0],0,4);
stm_aix("p0i4","p0i1",[2,"","Nutrition.png","Nutrition.png",113,33,0,"","_self","","","","",5,5,0,"","",0,0,0,0],0,4);
stm_aix("p0i5","p0i4",[2,"","Articles.png","Articles.png",112],2,4);
stm_aix("p0i6","p0i2",[2,"","Weekly_Program.png","Weekly_Program.png"],0,4);
stm_bpx("p3","p2",[]);
stm_aix("p3i0","p2i0",[0,"Menu Item 1","","",-1,-1,0,"","_self","","","","",0,0,0,"","",0,0,0,0,1,"#FF3300"]);
stm_aix("p3i1","p2i0",[0,"Menu Item 2","","",-1,-1,0,"","_self","","","","",0,0,0,"","",0,0,0,0,1,"#FF6600"]);
stm_aix("p3i2","p2i0",[0,"Menu Item 3","","",-1,-1,0,"","_self","","","","",0,0,0,"","",0,0,0,0,1,"#f58220"]);
stm_aix("p3i3","p2i0",[0,"Menu Item 4","","",-1,-1,0,"","_self","","","","",0,0,0,"","",0,0,0,0,1,"#FF6C3B"]);
stm_ep();
stm_aix("p0i7","p0i2",[2,"","Education_Program.png","Education_Program.png",113],5,4);
stm_bpx("p4","p2",[]);
stm_aix("p4i0","p1i0",[0,"Menu Item 1","","",-1,-1,0,"","_self","","","","",0,0,0,"","",0,0,0,0,1,"#009de4",0,"#A8E1F4"]);
stm_aix("p4i1","p4i0",[0,"Menu Item 2","","",-1,-1,0,"","_self","","","","",0,0,0,"","",0,0,0,0,1,"#7fcef1"]);
stm_aix("p4i2","p4i0",[0,"Menu Item 3","","",-1,-1,0,"","_self","","","","",0,0,0,"","",0,0,0,0,1,"#2abaee"]);
stm_aix("p4i3","p4i0",[0,"Menu Item 4","","",-1,-1,0,"","_self","","","","",0,0,0,"","",0,0,0,0,1,"#57d0e1"]);
stm_ep();
stm_aix("p0i8","p0i3",[2,"","Home.png","Home.png",30,26],0,4);
stm_ep();
stm_em();
//-->
</script>

</div>
<div class="Gallery_view">
<div id="slider">

<div id="slider1p"><a id="next" href="#"><br /><br />
<img src="images/Left_Flash.png" width="24" height="26" id="imgpading" border="0" /></a>
</div>






<div id="slider2p">
<div class="list_carousel">

<ul id="user_interaction">




<li><a class="toggleopacity" href=" " target="_blank"><img src="images/Kindergarten.jpg" width="298" height="199" border="0" /></a></li>
<li><a class="toggleopacity" href=" " target="_blank"><img src="images/photo.jpg" width="298" height="199" border="0" /></a></li>
<li><a class="toggleopacity" href=" " target="_blank"><img src="images/Cute_.jpg" width="298" height="199" border="0" /></a></li>
<li><a class="toggleopacity" href=" " target="_blank"><img src="images/Calm-Baby.jpg" width="298" height="199" border="0"/></a></li>
<li><a class="toggleopacity" href=" " target="_blank"><img src="images/2 .jpg" width="298" height="199" border="0" /></a></li>
<li><a class="toggleopacity" href=" " target="_blank"><img src="images/4.jpg" width="298" height="199" border="0" /></a></li>
<li><a class="toggleopacity" href=" " target="_blank"><img src="images/1_33.jpg" width="298" height="199" border="0" /></a></li>
<li><a class="toggleopacity" href=" " target="_blank"><img src="images/1_03.jpg" width="298" height="199" border="0"/></a></li>
<li><a class="toggleopacity" href=" " target="_blank"><img src="images/1.jpg" width="298" height="199" border="0"/></a></li>


</ul>
</div>


</div>

















<div id="slider3p"><a id="prev" href="#"><br /><br /><img src="images/Right_Flash.png" width="24" height="26" id="imgpading" border="0"/></a></div>

</div>
</div>
<div class="Login" > نام کاربری<input name="Uname" type="text" width="100px" />رمز عبور<input name="pass" type="text" width="100px" /><br /><input name="login" value="ورود" type="button" /></div>
<div class="MAP">نقشه سایت</div>
<div class="Topic" ></div>
<div class="Body">
</div>
</div>
</body>
</html>

katy71
یک شنبه 22 بهمن 1391, 17:05 عصر
css:

.Main
{ width:1024px;
min-height:960px;
margin:0px auto;
position:relative;
background-color:#2abaee;

}
body
{
background-image:
}
.Banner
{
width:1023px;
height:229px;
margin-top:0px;

}
.Menu
{ width:1016px;
height:48px;
margin-top:3px;
margin-left:4px;
background-image:url padding-top:8px;
padding-left:10px;
background-repeat:no-repeat;
}
.Menutb
{
vertical-align:middle;
padding-top:7px;
}

.Gallery_view
{

width:1010px;
height:235px;
margin-left:7px;

margin-top:3px;
}

.Login
{
background-color:#009de4;
width:160px;
height:130px;
float:right;
margin-right:0px;
text-align:right;
color:#FFF;
padding-right:4px;


}
.MAP
{
background-color:#009de4;
width:160px;
height:25px;
float:right;
color:#FFF;
margin-top:150px;
text-align:center;
margin-right:0px;
right:0px;



}


/*------- Slider ---------*/
#slider
{
height:225px;
background-color:#fff;
}
#slider1p{ float:left; height:225px; width:24px;background-color:#e3e3e3;vertical-align:middle;}
#slider2p{ float:left; height:225px; width:962px;}
#slider3p{ float:left; height:225px; width:24px;background-color:#e3e3e3;vertical-align:middle;}



.list_carousel {
background-color:#fff;


}
.list_carousel ul {
margin: 0;
padding: 0;
list-style: none;
display: block;

}
.list_carousel li {
font-size: 40px;
color: #666;
text-align: center;
background-color: #fff;
border:2px solid #111111;
width:300px;
height:200px;
padding:0;
margin-top:8px;
margin-right:6px;
margin-left:6px;
display: block;
float: left;
}
#imgpading { padding-top:55px;}
.clearfix {
float: none;
clear: both;
}
#prev {

}
#next {


}

/*---------End Slider --------*/

.Topic
{
margin-top:0px;
width:828px;
height:32px;
background-color:#009de4;
margin-left:20px;
border:solid #CEE7FF 3px;

}
.Body
{
width:825px;
min-height:371px;
background-color:#2abaee;
margin-left:23px;
margin-top:5px;
border:solid #009de4 3px;
}

SianiD
یک شنبه 22 بهمن 1391, 17:08 عصر
کاش یکم مرتب تر میداشتین کد هارو :چشمک:
مشکل از Margin-right هست یکم دقت کنید متوجه میشید که نسبت به Div بالایی مختصات گرفته
چون Position رو Relative گذاشتید .
موفق باشید