درخواست کمک فوری

[dpaniz]

سلام وقتتون بخیر من برای کد زیر warrning Element 'div' cannot be nested inside element 'ul'. نشان داده می شود و dropdown باز نمی شود


<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">کودک<b class="caret"></b></a>
<ul class="dropdown-menu multi-column multi-column1">
<div class="row">
<div class="col-sm-4 menu-grids menulist1">
<h4>
حمام و مراقبت
</h4>
<ul class="multi-column-dropdown ">
<li><a class="list" href="products.html">پوشک</a></li>
<li><a class="list" href="products.html">دستمال مرطوب نوزاد</a></li>
<li>
<a class="list" href="products.html">
صابون بچه
</a>
</li>
<li><a class="list" href="products.html">لوسیون و روغن ها</a></li>
<li><a class="list" href="products.html">پودر</a></li>
<li><a class="list" href="products.html">شامپو</a></li>
</ul>
<ul class="multi-column-dropdown">
<li><a class="list" href="products.html">شامپو بدن</a></li>
<li><a class="list" href="products.html">پارچه پوشک</a></li>
<li><a class="list" href="products.html">پوشک بچه</a></li>
<li><a class="list" href="products.html">مراقبت پزشکی</a></li>
<li><a class="list" href="products.html">نظافت</a></li>
<li><h6><a class="list" href="products.html">بسته کوچک</a></h6></li>
</ul>
</div>
<div class="col-sm-2 menu-grids">
<h4>لباس نوزاد</h4>
<ul class="multi-column-dropdown">
<li>
<a class="list" href="products.html">


لورم ایپسوم یا طرح‌نما
</a>
</li>
<li><a class="list" href="products.html">لباس زیر بچه</a></li>
<li><a class="list" href="products.html">جوراب و جوراب شلواری</a></li>
<li><a class="list" href="products.html">ژاکت و کلاه</a></li>
<li><a class="list" href="products.html">شلواری</a></li>
<li><a class="list" href="products.html">پتو</a></li>
</ul>
</div>
<div class="col-sm-3 menu-grids">
<ul class="multi-column-dropdown">
<li><a class="list" href="products.html">بالش</a></li>
<li>
<a class="list" href="products.html">
دستکش
</a>
</li>
<h4>خرید در هر سنی</h4>
<li><a class="list" href="products.html">نوزاد (0 - 5 M)</a></li>
<li><a class="list" href="products.html">5 - 10 ماه</a></li>
<li><a class="list" href="products.html">10 - 15 ماه</a></li>
<li><a class="list" href="products.html">15 ماه بالاتر</a></li>
</ul>
</div>
<div class="col-sm-3 menu-grids">
<ul class="multi-column-dropdown">
<li>
<h6>
<a class="list" href="products.html">
تغذیه و پرستاری
</a>
</h6>
</li>
<h4>لوازم بچه</h4>
<li><a class="list" href="products.html">روروک بچه</a></li>
<li><a class="list" href="products.html">کالسکه</a></li>
<li><a class="list" href="products.html">کالسکه و اسباب بازی</a></li>
<li><a class="list" href="products.html">قندهای گیاهی و گهواره</a></li>
<li><a class="list" href="products.html">صندلی تقویت کننده</a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
</ul>
</li>

[anvar]

در html باید سلسه مراتب کنترل های تو در تو رعایت بشه مانند UL که در اولین سطح باید محتوی لیست ایتم ها باشد نه DIV
شما باید DIV رو در داخل li قرار بدید
در خط سوم شما یک تگ ul رو باز کردید و در خط چهار یک div مستقیما درون اون قرار دادید که اشتباه از همین جاست
بین خط سوم و چهارم یک خط جدید اضافه کنید و یک تگ شروع li یعنی <li> یعد تگ پایان li یعنی </li> را بین خط های دوم و سوم از آخر قرار دهید. با این کار کل div شما در داخل یک لیست ایتم یا li قرار می گیرد و خود li هم در درون یک ul که روال طبیعی کد نویسی html است