قرار دادن منوی افقی در قالب html
سلام خسته نباشید دوستان شرمنده مزاحم میشم ی کد قالب دارم ک منوی افقیش بالای هدر وبلاگ هستش ، چطوری بیارمش زیر هدر یالای منوی وسط(امیدوارم منظورمو متوجه شده باشین) ممنون میشم جواب بدین ک کدش چی میشه منتظر پاسختون هستم دوستان
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
دوست داری یاد بگیر
ویرایش کن
استفاده کن و ...
ولی بیا
<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body {margin:0;}
.icon-bar {
width: 100%;
background-color: #555;
overflow: auto;
}
.icon-bar a {
float: left;
width: 20%;
text-align: center;
padding: 12px 0;
transition: all 0.3s ease;
color: white;
font-size: 36px;
}
.icon-bar a:hover {
background-color: #000;
}
.active {
background-color: #4CAF50;
}
</style>
<body>
<div class="icon-bar">
<a class="active" href="#"><i class="fa fa-home"></i></a>
<a href="#"><i class="fa fa-search"></i></a>
<a href="#"><i class="fa fa-envelope"></i></a>
<a href="#"><i class="fa fa-globe"></i></a>
<a href="#"><i class="fa fa-trash"></i></a>
</div>
</body>
</html>
سلام خسته نباشید من نمی تونم کد را ب اشتراک بزارم یعنی اینکه اجازه ندارم متاسفانه
@endworld
سلام اگه از flexbox استفاده میکنی
توی css مقدار order رو دستکاری کن
اگرم نه تگ html رو بردار بذار پایین 🙂
دوست عزیز اگه منوی شما بالای هدر نمایش داده میشه یا جای دیگه شما کد رو در موقعیت اشتباه قرار دادین کدبالا رو بعد از هدر استافده کنید درست خواهد شد
منظورت از زیر ، اگر لایه ی المنت مربوطه هست از
z-index:999
استفاده کنید
اگرم منظورتون محل قرارگیریه کد رو بر دارین ببرید پایین
دوست عزیز یک عکس برای بنده ارسال کردید کدی که شما نوشتین درسته فقط باید اون عکس که در سمت راست قرار داره رو پاک کنید