با سلام
من طراحی یک سایتی رو شروع کردم به آدرس cbpedia.ir. توی حالت دسکتاپ مشکلی نداره اما وقتی توی حالت موبایل میذارمش منوی سمت راست رو نشون نمیده.
لطفا راهنمایی کنید. ممنونم.
سلام
شما الان توی تاپیکتون کدهارو گذاشتید که ما راهنمایی کنیم؟!؟!؟!!؟!؟
خدمت شما
ساخت منو با استفاده از متد زیر انجام میشه:
private void LoadCategories() { string list = "<ul id='menulist' class='visible-md visible-lg'>"; List<tbl_JobCategory> categories = (new JobCategoryMgmt()).GetCategories(); for (int i = 0; i < categories.Count; i++) { list += "<li><a href='#'>" + categories[i].JobCategoryName + "</a>"; int id = categories[i].JobCategoryID; List<tbl_JobType> jobTypes = (new JobTypeMgmt()).GetJobTypes(id); if (jobTypes != null && jobTypes.Count > 0) { list += "<div class='level2'>"; for (int j = 0; j < jobTypes.Count; j++) { if (j % 20 == 0) { list += "<ul class='col-md-4'>"; } list += "<li><a href='Pages/CategoryType.aspx?id=" + jobTypes[j].JobTypeID + "'>" + jobTypes[j].JobTypeName + "</a></li>"; if ((j + 1) % 20 == 0) { list += "</ul>"; } } list += "</div>"; } list += "</li>"; } list += "</ul>"; divCat.InnerHtml = list; }
این هم کد CSS صفحه :
a{ color:black; } a:hover{ color:indianred; text-decoration-line:none; } .level2 { display: none; position: absolute; background-color: whitesmoke; border: 1px solid lightgray; border-radius: 5px; min-width:800px; min-height: 400px; max-height: 400px; right: 260px; padding: 5px; top: 0; z-index: -1; } .level2 > li > a { margin: 5px 0 5px 0; font-size: 12px; } #menulist { position: absolute; z-index: 2; background-color: white; min-width: 260px; left: 0; } #menulist > li { padding: 5px; border-bottom: 1px dashed gray; } #menulist li:hover { background-color: whitesmoke; } #menulist li:hover .level2, #menulist li a:hover .level2 { display: block; } .col-md-4{ width:25%; float:right; }
کسی نیست راهنمایی کنه؟
یعنی یک نفر پیدا نمیشه جواب سوال منو بده؟!!! واقعا که.
دوست من بوت استرپ چرا نمیزنید
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)