سوال: مشکل با چیدمان منو در تگ دیو [بایگانی]

پروگرامنویس

دوشنبه 16 بهمن 1391, 12: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>

alihassanabadi

دوشنبه 16 بهمن 1391, 13:07 عصر

سلام
به دو دلیل .div-mno-top_mstr
900px تعریف شده در صورتی که منو 340 و از چپ به راست هم هست
سی اس اس منو رو اینجوری تغییر بده درست میشه

#menu
{
display: block;
direction:rtl;
width: 100%;
height: 60px;
text-align: right;
padding-right: 0px;
border: solid 1px red;
}

پروگرامنویس

دوشنبه 16 بهمن 1391, 13:33 عصر

سلام
به دو دلیل .div-mno-top_mstr
900px تعریف شده در صورتی که منو 340 و از چپ به راست هم هست
سی اس اس منو رو اینجوری تغییر بده درست میشه

#menu
{
display: block;
direction:rtl;
width: 100%;
height: 60px;
text-align: right;
padding-right: 0px;
border: solid 1px red;
}

کد شما رو جایگزین کردم اماتغییری نکرد دوست عزیز! و اینکه من از قصد پهنای دیو منو رو 360 گرفتم چون میخواستم از بقیه پهنای دیو div-mno-top_mstr استفاده کنم!