PDA

View Full Version : سوال: ساخت منو


fr_sdgh
سه شنبه 03 شهریور 1394, 19:57 عصر
به امید خدا یه منویی ما زدیم.... ولی حالا

به تگ nav به جای text-align ، میدمش margin: 0 auto چرا جواب نمیده؟
و margin:0 25% هم که بهش میدم دقیقا وسط نمیفته ، توی فایرباگ بنظر میرسه 10px مارجین راست داشته باشه ولی اینطور نیست!


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Menu</title>
<style type="text/css">
ul,div,p,li,a,nav,body {
margin: 0;
padding: 0;
}
body {padding: 50px}
a {text-decoration: none;}
nav {text-align: center;}
div {
width: 800px;
background: #eee;
border: 1px solid #aaa;
display: inline-block;
}
ul {
list-style: none;
}
ul.menu-links {
margin-right: 20px;
float: right;
}
ul li {
display: inline-block;
padding: 5px 10px;
border: 1px solid #aaa;
margin: 5px 0 5px 10px;
}
ul.menu-social {
float: left;
}
</style>
</head>
<body>
<nav>
<div>
<ul class="menu-links">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
</ul>
<ul class="menu-social">
<li><a href="#">left menu1</a></li>
<li><a href="#">left menu2</a></li>
</ul>
</div>
</nav>
</body>
</html>
ikallam
سه شنبه 03 شهریور 1394, 22:36 عصر
سلام فکر کنم برای وسط چین کردن یه عنصر
display:block;
margin-left:auto;
margin-right:auto;

ببینید جواب میده ؟
fr_sdgh
چهارشنبه 04 شهریور 1394, 00:15 صبح
سلام فکر کنم برای وسط چین کردن یه عنصر
display:block;
margin-left:auto;
margin-right:auto;

ببینید جواب میده ؟

اینکه همونه ک خودم گفتم
بازم ممنون از بابت توجه
ikallam
چهارشنبه 04 شهریور 1394, 14:19 عصر
خواهش . من تو مرورگرم وسط میبینم nav رو - مشکل کجاست دقیقا
fr_sdgh
چهارشنبه 04 شهریور 1394, 14:56 عصر
خواهش . من تو مرورگرم وسط میبینم nav رو - مشکل کجاست دقیقا
واضح توی تاپیک توضیح دادم. با این حال بازم ویزایشش کردم. شما تاپیک رو نخوندی !
mohammad425
چهارشنبه 04 شهریور 1394, 16:43 عصر
به nav:


display: flex;


به div:

margin:0 auto;

موفق باشید.
fr_sdgh
چهارشنبه 04 شهریور 1394, 17:20 عصر
آقا من flex رو توی سایت های فارسی نتونستم پیدا کنم. توی w3school هم نفهمیدم حقیقتش
یه توضیحی میدین لطفا
در مورد اون سوال های پست اول هم توضیح میدادین خوب میشد
mohammad425
چهارشنبه 04 شهریور 1394, 17:42 عصر
توی سایتای فارسی زیاد نیست ولی کمم نیست
نمونه: http://www.7learn.com/tag/display-flex

برای اینکه از margin:0 auto استفاده بکنید عنصرتون باید یه width مشخصی داشته باشه
الان شما به div عرض دادی, عرض اونو به nav بده و بعد margin:0 auto اضافه کن حل میشه