چگونه به المنت داخلی border بدهیم که بر روی border المنت بیرونی بیاید؟

Question

×

کد تخفیف اسنپ تاکسی با 50% تخفیف! دریافت کد

مشاور تلفنی شغلی تحصیلی حقوقی ازدواج و خانواده کلیک کنید

×

دلیل درخواست بستن پست

محتوای تبلیغاتی _{کلیه پست هایی که جنبه تبلیغاتی داشته، محتوای اسپم و بی مفهوم در این دسته قرار میگیرند. همچنین پست هایی که به منظور گرفتن بک لینک درج می شوند شامل این مورد هستند.}

محتوای نامناسب _{حاوی مفاهیم غیر اخلاقی، سیاسی و یا توهین آمیز. کلیه پست هایی که از نظر محتوایی نیاز به بررسی و یا حذف شدن دارند در این دسته قرار می گیرند.}

محتوای نامفهوم _{محتوایی با عدم جزئیات کافی و مورد نیاز. کلیه پست هایی که منظور نویسنده به وضوح مشخص نیست و نیازمند توضیحات و جزئیات بیشتر می باشند در این دسته قرار می گیرند.}

محتوای نامرتبط _{محتوایی بی ربط با موضوعیت سرفصل کلی. کلیه پست هایی که از منظر مفهوم و مضمون ارتباطی با عنوان اصلی سوال ندارند در این دسته قرار می گیرند.}

محتوای وابسته به نظر _{محتوایی دلخواه و بر پایه سلیقه. کلیه پست هایی که یک پاسخ مشخص ندارند و متوانند چندین پاسخ متفاوت و صحیح داشته باشند که کاملا مبتنی بر نظر شخصی افراد هستند در این دسته قرار می گیرند.}

محتوای حوزه نامشخص _{محتوایی در حوزه خیلی وسیع. کلیه پست هایی که از نظر محتوایی در یک حوزه ی وسیعی قرار دارند و مشخصا به یک موضوع خاصی اشاره ندارند که پاسخدهی به آن ها مستلزم تشریح مفاهیمی کلی می باشند در این دسته قرار می گیرند.}

محتوای تکراری _{قبلا در لام تا کام مطرح شده. پست هایی که دقیقا با همین محتوا و مضمون قبلا در وب سایت لام تا کام درج شده اند، با ذکر آدرس منبع تکراری با پست حال حاضر شامل این دسته هستند. تکراری است با:}

محتوای نیازمند به بررسی مدیر _{به سایر دلایل، نیازمند به بررسی توسط مدیر. به هر دلیل غیری که پست را نیازمند بررسی توسط مدیر کرده، با ذکر دلیل، در این دسته قرار میگیرد.}

ارسال رای بستن

چگونه به المنت داخلی border بدهیم که بر روی border المنت بیرونی بیاید؟

0

0 1516

دوستان لطفا کد من رو ببینید: این از HTML:

<div class="compare_header_box">
  <span class="compare_header_box_title active">List</span>
  <div class="compare_header_box_items">
    <a href="./gp">gp</a>
    <a href="./in">in</a>
    <a href="./tw">tw</a>
    <a class="active" href="./fb">fb</a>
  </div>
</div>

و این هم CSS:

.compare_header_box{
  padding: 35px 30px;
  direction: rtl;
}
.compare_header_box_title{
  font-size: 30px;
  width: 100px;
  float: right;
  margin-right: 5px;
  margin-top: 4px;
}
.compare_header_box_items{
  width: 100%;
  border-bottom: 1px solid #ccc;
  direction: ltr;
}
.compare_header_box_items a{
  display: inline-block;
  font-size: 16px;
  padding: 15px 40px;

}
.compare_header_box_items a:hover{
  text-decoration: none;
  background-color: #f1f1f1;
  color: black;
}
.compare_header_box_items .active{
  border-top: 3px solid green;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid white;
}

می خوام به المنت فعال border-bottom بدم و رنگ سفید بهش بدم که خالی بشه و انگار از اونجا باز شده. چطور می تونم این کار را انجام بدم؟

علمی برنامه-نویسی جاوا-اسکریپت

اشتراک ویرایش بستن

سوال شده در 6 سال قبل

سعید غلامی

860 امتیاز

1 جواب

3

سلام و وقت بخیر برای راحتی کار شما میتوانید از فریم ورک بوت استرپ استفاده کنید. این nav با استفاده از کلاس tabs نوشته شده که مطابق کار شما هست +مطالعه بیشتر

<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Alireza</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/popper.min.js"></script>
<style>
    .active{
        border-top:2px solid green!important;
    }
</style>
</head>
<body>

    <ul class="nav nav-tabs" role="tablist">
        <li class="nav-item">
            <a href="#" class="nav-link active" role="tab" data-toggle="tab" aria-selected="false">gp</a>
        </li>
        <li class="nav-item">
            <a href="#" class="nav-link" role="tab" data-toggle="tab" aria-selected="false">in</a>
        </li>
        <li class="nav-item ">
            <a href="#" class="nav-link" role="tab" data-toggle="tab" aria-selected="false">tw</a>
        </li>
        <li class="nav-item">
            <a href="#" class="nav-link" role="tab" data-toggle="tab" aria-selected="false">fb</a>
        </li>
    </ul>
</body>
</html>

اشتراک ویرایش بستن

جواب داده شده در 6 سال قبل

علیرضا مختاری

305 امتیاز

		مرسی عالیه کار می کنه مرسی `ــ` سعید غلامی در 6 سال قبل
1		دیگه از حالا به بعد از nav استفاده می کنم واسه این کار `ــ` سعید غلامی در 6 سال قبل

×

همچنین می توانید یک لینک را وارد کنید

انصراف

مطالب مرتبط

چگونه یک المنت از نوع generic رو در swift روی یک المنت دیگه بسط بدیم؟

سلام دوستان من تازه شروع کردم به یاد گرفتن Swift و الان دارم سعی میکنم یه مقدار باهاش سرو کله بزنم. چیزی که الان برام چالش شده، اینه که میخوام

طریق گرفتن آیدی المنت داخلی که کلاس مشخصی دارد به چه صورت است؟

دوستای گلم سلام صبحتون بخیر دوتا دیو دارم اینطوری: <div role="tabpanel" class="tab-pane fade"> <form id="own-connection"></form> </div> <div role="tabpanel" class="tab-pane fade active in"> <form id="inherited-connection"></form> </div> حالا یک دکمه دیگه ای

چگونه می توانم رنگ :بیفور را با هاور بر روی المنت دیگری تغییر دهم؟

دوستان لطفا کد من رو ببینید: // CSS span{ color: #666; } span:before{ content: "\f059"; display: inline-block; vertical-align:

چطور میتونم فقط 2 المنت اول تمام المنت هایی که مچ شدن رو سلکت کنم؟

این کد html رو در نظر بگیرید لطفا: <table> <tr> <td>...</td> <td class="clsname">...</td>

چگونه می توانم در مقادیر المنت‌ها جستجو کنم؟

دوستان کد فعلی من رو ببینید لطفا: // JS if($('span').text().indexOf("t")){ console.log($('span').text()); } // HTML <span>one</span> <span>two</span> <span>three</span> <span>four</span> <span>five</span> <span>six</span> خروجی مطلوب من اینه که فقط three و two به عنوان خروجی برگردند. چون فقط اون 2 تا هستن که

چگونه می توانم در جی کوئری بررسی کنم که یک المنت hidden شده یا خیر ؟

امکان مشاهده یک المنت را می توان با استفاده از .hide() یا .show() یا .toggle() تغییر داد. چگونه متوجه شویم یک المنت قابل مشاهده یا پنهان است؟ به عبارتی من

فرم ورود

آدرس بخش انتخاب شده

رویداد ها - امتیازات

زیر مجموعه ها

سوالات متداول

دلیل درخواست بستن پست

چگونه به المنت داخلی border بدهیم که بر روی border المنت بیرونی بیاید؟

0

1516

500 کاراکتر باقی مانده

500 کاراکتر باقی مانده

جعبه لام تا کام

تبلیغات توضیحی

تبلیغات موضوعی

تبلیغات تصویری