سلام وقتتون بخیر استاد
در درس 52 در دقیقه 14:10 شما فرمودین برای li ها میایم display رو به صورت inline-block می کنیم (این در حالیه که borderداره و یه gap بین بوردرها افتاده)
بعد جلوترش اومدین همین منو رو گفتید با float میخوام درست کنم، و برای li ها با تنظیم float:left رسیدید به منو، و در دقیقه 14:19 گفتید این دقیقا همون منو ای هست که در دقیقه 14:10 بهش رسیدید
در صورتی که به نظرم این دو فرق دارن
در حالت inline-block کردن یه گپ اضافه ای میمونه که اصلا قابل کلیک کردن نیست و خیلی اذیت کننده س و بنظرم برای همین بیشتر آموزشهای منو با float انجام میشه،
درسته این برداشت یا اشتباهه؟این قسمت برام گنگ موند
با سلام خدمت شما همراه عزیز
از هر دو روش میشه استفاده کرد
اون فاصله که ایجاد میشه با display رو خیلی ساده میشه با padding و margin از بین برد
حقیقتش این کار رو کردم الان برای li اومدم margin padding صفر گذاشتم اما درست نشد:
این هم کد CSS خدمت شما:
ul{
list-style-type: none;
margin:0;
padding:0;
overflow: hidden;
background-color: seagreen;
}
li a{
display: inline-block;
color:white;
text-align: center;
padding: 14px;
text-decoration: none;
}
li{
display: inline-block;
border:1px solid lightcoral;
margin:0;
padding:0;
}
li a:hover{
background-color: lightsalmon;
}
.active{
background-color: lightslategrey;
}
/* li{
float: left;
border:1px solid wheat
} */
لینک زیر رو ملاحظه بفرمایید
https://www.w3schools.com/css/tryit.asp?filename=trycss_float5
این لینک که لطف کردید فرستادید رو دیده بودم
در w3school فقط با float اومده منو رو درست کرده
برای این حالت بوردرها به مشکلی نمیخوردن و گپی ایجاد نمیشه
منظورم برای حالتی بوده که ما کلا از روش inline-block کردن بخوایم منو درست کنیم
ببینید معمولا راه حل منطقی برای این موضوع وجود نداره
یکی از راه هاش استفاده از همین float هست
یکی دیگه استفاده از flexbox هست
لینک زیر رو ملاحظه بفرمایید
https://stackoverflow.com/questions/5078239/how-do-i-remove-the-space-between-inline-inline-block-elements
مخصوص اعضای ویژه 
