آموزش های این وب سایت به صورت رایگان در دسترس است. اطلاعات بیشتر
بروز خطا
   [message]
اشتراک در سوال
رای ها
[dataList]

مشکل در html و css

ahmad  8 سال پیش  8 سال پیش
0 0

سلام و خسته نباشید

من دقیقا مراحل رو از روی فیلم دنبال کردم ولی نمیدونم چرا توی قسمت منوی 5 که درست کردم بگراندش نسبت به بقیه کوچکتر است

<html>
<head>
<title>class 2</title>
<style>
body{
background-color:000;
color:white;

}
#test1{
color:red;
}
#test2{
color:green;
background-color:blue;
}
#test3{
color:#afa;
}
.menu{
color:red;
margin: 20px;

}
.asli{
background-color:yellow;
}
.inline{
display:inline;
}
</style>

</head>
<body>
<h1>
<span id="test1">class 2 test</span><br>
<span id="test2">class 2 test</span><br>
<span id="test3">class 2 test</span>
<div class="asli inline">
<br><span class="menu">menu 1</span>
<br><span class="menu">menu 2</span>
<br><span class="menu">menu 3</span>
<br><span class="menu">menu 4</span>
<br><span class="menu">menu 5</span>
</div>
</body>
</html>

منظورم قسمت منو 5 هست که بگراندش نسبت به بقیه یکم کوتاه تر شده

0 0
مرور گرتون چیه مگه ؟ کدتون عیبی نداره همین کد رو من کپی کردم و نتیجه بدون عیب بود . فک کنم ناسازگاری سی اس اس ها با مرورگرتون باشه فایرفاکس رو آپدیت کنید. (8 سال پیش)
0 0
مرور گرم chrome هست اخرین ورژن فکر نکنم از مرورگر باشه (8 سال پیش)
0 0
حالا یه تستی بزنید چون روی فایرفاکس کاملا درست بود (8 سال پیش)
 برای این سوال 1 پاسخ وجود دارد.
پاسخ به سوال 
miroo  8 سال پیش
0 0

باید از کدهای reset css استفاده کنید تا مشکلی در مرورگرهای مختلف نداشته باشید ولی برای حل مشکلتون میتونید از این کد css استفاده کنید: 

 .inline{
display: inline-block;
}
 

پاسخگویی و مشاهده پاسخ های این سوال تنها برای اعضای ویژه سایت امکان پذیر است .
چنانچه تمایل دارید به همه بخش ها دسترسی داشته باشید میتوانید از این بخش لایسنس این آموزش را خریداری نمایید .