راکت

a اضافی

14 پاسخ

دوستان یک تگ a همینجوری وارد تگ nav من شده کد ها رو هم چک کردم من همچین تگی رو وارد نکردم و داره flex های من رو به هم میریزه چطور می تونم حذفش کنم؟

ثبت پرسش جدید

پاسخ‌ها

14
navid
navid
@navidRz

تخصص: node.js , FrontEnd

پروژه رو روی مروگرت ران کن F12 بزن روی المنت مورد نظری که میگی برای خودش اضافه شده
ببین اگه اونجا تگ نشون داده شده پس حتما یا ویرایش گر یا سندت مشکل داره کد هات رو تو یه سندی جدید باز کن

بازم حل نشدن کد nav رو بزار ببینم مشکل از کجاست

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

همینجوری که نمیتونه وارد شده باشه، باید بگردید و سعی کنید بفهمید از کجا اومده.

شاید پاسخ شما همین‌جا باشد

آرین حسینی
آرین حسینی
@arian

تخصص: Solidity Developer. Blockchain DApps Developer

اگر پیدا نکردید , کد هاتون رو قرار بدید.

آرمین امیری نسب
آرمین امیری نسب
@arminamirinasab

تخصص: برنامه نویس فرانت اند

اندازه ای نداره که بشه دیدش(0*0) اما خب Flex های من رو به هم ریخته.ممنون میرم یک نگاهی دیگه میندازم اگه مشکلم حل نشد کد میزارم.
@navidrezadoost @arianh @milad

آرمین امیری نسب
آرمین امیری نسب
@arminamirinasab

تخصص: برنامه نویس فرانت اند

این کد من هست.
@navidrezadoost @milad @arianh

<nav>
<ul class="nav">
<li class="nav_item"><a href="" class="nav_link">خانه</a></li>
<li class="nav_item"><a href="" class="nav_link">اقامت دائم</a></li>
<li class="nav_item"><a href="" class="nav_link">اقامت موقت</a></li>
<li class="nav_item"><a href="" class="nav_link">فرم ارزیابی آترویژن</a></li>
<li class="nav_item"><a href="" class="nav_link">تماس با ما</a></li>
<li class="nav_item"><a href="" class="nav_link">درباره ما</a></li>
</ul>
<img src="./image/logo.png" alt="آترویژن" class="header_logo">
</nav>
آرین حسینی
آرین حسینی
@arian

تخصص: Solidity Developer. Blockchain DApps Developer

متوجه نمیشم ،‌ چطور ی تگ a اضافه شده! ، احتمالا مشکل در فایل CSS هست.
البته من در اینجا از بوت استرپ استفاده کردم.

 <nav class="navbar navbar-dark bg-dark navbar-expand-md">
        <ul class="navbar-nav">
            <li class="nav-item"> <a href="" class="nav-link"> خانه</a></li>
            <li class="nav-item"> <a href="" class="nav-link"> اقامت دائم</a></li>
            <li class="nav-item"> <a href="" class="nav-link"> اقامت موقت</a></li>
            <li class="nav-item"> <a href="" class="nav-link"> فرم ارزیابی آترویژن</a></li>
            <li class="nav-item"> <a href="" class="nav-link"> تماس با ما</a></li>
            <li class="nav-item"> <a href="" class="nav-link"> درباره ما</a></li>
        </ul>
        <img src="./logo.png"" alt=" آترویژن" class="header_logo" width="50">
    </nav>
آرمین امیری نسب
آرمین امیری نسب
@arminamirinasab

تخصص: برنامه نویس فرانت اند

این هم استایل CSS:
@navidrezadoost @milad @arianh

nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 10px;
}
.nav {
    display: flex;
    align-items: center;
    width: 60%;
    list-style: none;
    justify-content: space-between;
}
.header_logo {
    width: 120px;
    height: 120px;
    margin: 30px 10px 10px 10px;
}
آرین حسینی
آرین حسینی
@arian

تخصص: Solidity Developer. Blockchain DApps Developer

@arminamirinasab اگر امکانش هست عکس navbar رو بفرستید.

آرمین امیری نسب
آرمین امیری نسب
@arminamirinasab

تخصص: برنامه نویس فرانت اند

تصویر Navbar

این هم تصویر nav
@arianh

آرین حسینی
آرین حسینی
@arian

تخصص: Solidity Developer. Blockchain DApps Developer

@arminamirinasab الان شما منظورتون از تگ a اضافه چی هست؟
متاسفانه من که چیزی رو نمیبینم

توضیح تصویر رو وارد کنید

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

الان مشکلتون چیه؟
خروجی که درست به نمایش در اومده، هیچ a اضافی هم دیده نمیشه.

Armin
Armin
@amirinasabarmin

وقتی inspect میگیرم یک a اضافه شده این بخش nav باید سمت چپ باشه
داره Flex های من رو به هم میریزه
@arianh @milad

آرین حسینی
آرین حسینی
@arian

تخصص: Solidity Developer. Blockchain DApps Developer

منظورتون به این شکل هست ؟!
توضیح تصویر رو وارد کنید
کد های شما رو نمیدونم ولی به طور مثال: (با بوت استرپ)

<nav class="navbar navbar-dark bg-dark navbar-expand-md  justify-content-md-between" dir="rtl">

        <div class="logo-container">
            <img src="code.png" alt="Logo" width="80" class="navbar-brand">
        </div>

        <div class="menu-container">
            <ul class="navbar-nav">
                <li class="nav-item"> <a href="" class="nav-link ml-lg-5"> خانه</a></li>
                <li class="nav-item"> <a href="" class="nav-link ml-lg-5"> اقامت دائم</a></li>
                <li class="nav-item"> <a href="" class="nav-link ml-lg-5"> اقامت موقت</a></li>
                <li class="nav-item"> <a href="" class="nav-link ml-lg-5"> فرم ارزیابی آترویژن</a></li>
                <li class="nav-item"> <a href="" class="nav-link ml-lg-5"> تماس با ما</a></li>
                <li class="nav-item"> <a href="" class="nav-link ml-lg-5"> درباره ما</a></li>
            </ul>
        </div>
    </nav>
میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

کدوم a رو میگی؟ عکسش رو بزار.

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام