پروگرامنویس
دوشنبه 16 بهمن 1391, 13:39 عصر
سلام من توی صفحه سایتم یه منوی طراحی کردم (با تگ های div و ul و css )
میخوام این منو بچسبه به سمت راست دیو خودش! توی محیط vs قالب درسته ولی وقتی احرا میگیرم کمی از طرف راست فاصله داره،من با خاصیت های margin و pading تگ ها هم خیلی ور رفتم ولی تغیری نکرد؟لطفا بگید مشکل چیه؟
عکس صفخه:
http://upload.tehran98.com/img1/ia5gyadef4hvl7usy4.png
عکس محیط vs:
http://upload.tehran98.com/img1/ldzjt3aucgquvm8phal3.png
یه سوال کلی هم داشتم ! همه میگن کار با تگ دیو بهتر و حرفه ای تر از تیبله!! من قبلا با تیبل کار میکردم حالا تصمیم گرفتم حرفه ای کار کنم!! ولی واقعا کار با دیو خیلی سخت تر از تیلبه :افسرده: نمونش همین مشکله من ،میشه نظر شخصیتون رو درباره تگ دیو و تیبل بگید ؟
کد صفحه css:
.div-mno-top_mstr
{
background-color: Blue;
width: 900px;
height: 60px;
display: block;
text-align: right;
}
#menu
{
display: block;
width: 340px;
height: 60px;
text-align:right;
padding-right:0px;
border:solid 1px red;
}
#menu ul
{
list-style-type:none;
height:60px;
margin-top:0px;
margin-right:1px;
width: 340px;
}
#menu ul li
{
display:inline-block;
float:right;
width:100px;
height:60px;
margin-right:2px;
}
#menu a
{
display: inline-block;
width: 100px;
height: 60px;
background-position: top;
background-color: #666;
text-align: center;
color: #FFF;
line-height: 60px;
text-decoration: none;
margin-top: 0px;
background:url(Untitled.png);
}
#menu a:hover
{
background-position: bottom;
line-height: 60px;
overflow: hidden;
background-color: #CC00CC;
color: #0000FF;
}
کد صفحه:
<body>
<form id="form1" runat="server">
<div class="div-main">
<div class="div-hdr_mstr">
</div>
<div class="div-mno-top_mstr">
<div id="menu">
<ul>
<li><a href="#">لینک اول</a> </li>
<li><a href="#">لینک دوم</a> </li>
<li><a href="#">لینک سوم</a> </li>
</ul>
</div>
</div>
<div class="div-cntr_mstr">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
<div class="div-sid-r_mstr">
</div>
<div class="div-ftr_mstr">
</div>
</div>
</form>
</body>
میخوام این منو بچسبه به سمت راست دیو خودش! توی محیط vs قالب درسته ولی وقتی احرا میگیرم کمی از طرف راست فاصله داره،من با خاصیت های margin و pading تگ ها هم خیلی ور رفتم ولی تغیری نکرد؟لطفا بگید مشکل چیه؟
عکس صفخه:
http://upload.tehran98.com/img1/ia5gyadef4hvl7usy4.png
عکس محیط vs:
http://upload.tehran98.com/img1/ldzjt3aucgquvm8phal3.png
یه سوال کلی هم داشتم ! همه میگن کار با تگ دیو بهتر و حرفه ای تر از تیبله!! من قبلا با تیبل کار میکردم حالا تصمیم گرفتم حرفه ای کار کنم!! ولی واقعا کار با دیو خیلی سخت تر از تیلبه :افسرده: نمونش همین مشکله من ،میشه نظر شخصیتون رو درباره تگ دیو و تیبل بگید ؟
کد صفحه css:
.div-mno-top_mstr
{
background-color: Blue;
width: 900px;
height: 60px;
display: block;
text-align: right;
}
#menu
{
display: block;
width: 340px;
height: 60px;
text-align:right;
padding-right:0px;
border:solid 1px red;
}
#menu ul
{
list-style-type:none;
height:60px;
margin-top:0px;
margin-right:1px;
width: 340px;
}
#menu ul li
{
display:inline-block;
float:right;
width:100px;
height:60px;
margin-right:2px;
}
#menu a
{
display: inline-block;
width: 100px;
height: 60px;
background-position: top;
background-color: #666;
text-align: center;
color: #FFF;
line-height: 60px;
text-decoration: none;
margin-top: 0px;
background:url(Untitled.png);
}
#menu a:hover
{
background-position: bottom;
line-height: 60px;
overflow: hidden;
background-color: #CC00CC;
color: #0000FF;
}
کد صفحه:
<body>
<form id="form1" runat="server">
<div class="div-main">
<div class="div-hdr_mstr">
</div>
<div class="div-mno-top_mstr">
<div id="menu">
<ul>
<li><a href="#">لینک اول</a> </li>
<li><a href="#">لینک دوم</a> </li>
<li><a href="#">لینک سوم</a> </li>
</ul>
</div>
</div>
<div class="div-cntr_mstr">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
<div class="div-sid-r_mstr">
</div>
<div class="div-ftr_mstr">
</div>
</div>
</form>
</body>