قرار دادن منوی افقی در قالب html
سلام خسته نباشید دوستان شرمنده مزاحم میشم ی کد قالب دارم ک منوی افقیش بالای هدر وبلاگ هستش ، چطوری بیارمش زیر هدر یالای منوی وسط(امیدوارم منظورمو متوجه شده باشین) ممنون میشم جواب بدین ک کدش چی میشه منتظر پاسختون هستم دوستان
پاسخها
11
درود...
کد را به اشتراک بذار ...
دوست داری یاد بگیر
ویرایش کن
استفاده کن و ...
ولی بیا
<!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 رو بردار بذار پایین 🙂
سلام جناب حسین ممنونم از کدتون ولی من می خاستم بره زیر هدر متاسفانه نرفت
@hoseen.r8613
دوست عزیز اگه منوی شما بالای هدر نمایش داده میشه یا جای دیگه شما کد رو در موقعیت اشتباه قرار دادین کدبالا رو بعد از هدر استافده کنید درست خواهد شد
منظورت از زیر ، اگر لایه ی المنت مربوطه هست از
z-index:999
استفاده کنید
اگرم منظورتون محل قرارگیریه کد رو بر دارین ببرید پایین
@Mrjazini_ir
خب دوست عزیز من هم گفتم کد رو پاین قرار بده تا مشکلشون حل شه
دوست عزیز یک عکس برای بنده ارسال کردید کدی که شما نوشتین درسته فقط باید اون عکس که در سمت راست قرار داره رو پاک کنید
درود..
پیوند زیر:
https://b2n.ir/h91693
خیلی ممنون دوست عزیز @endworld