ایجاد شده در ۰۱ آبان ۱۴۰۱
سلام.
1-سوال قبلی که پرسیده بودم نتونستم آپلود کنم فایل زیپ رو، همچنان این مشکل که موقع hover بکگراند کالر تکست مربوطه شبیه تو ویدئو کامل تغییر نمی‌کنه هست
2-برای نمایش زیرمنو، موقع hover، استاد پوینتر موس رو می‌برن رو متن مربوطه بعد باز می‌شه، برای من اصلا نمی‌تونم پوینتر موس رو ببرم رو courses.
تا رو فضای بالایی و پایینی این متن میره زیر منو باز می‌شه!
3-نمی دونم چرا فایل زیپ آپلود نمی‌شه اینجا!!!
HTML:
html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>part6-Lists and Tablestitle>
<link rel="stylesheet" href="style.css" />
head>
<body>
<input type="text" name="" id="" />
<nav class="menu">
<ul class="menu">
<li><a class="#" href="">Homea>li>
<li class="has-sub-menu">
<a class="#" href="">Coursesa>
<ul class="sub-menu">
<li><a href="">HTMLa>li>
<li><a href="">CSSa>li>
<li><a href="">Javascripta>li>
ul>
li>
<li><a class="#" href="">About usa>li>
<li><a class="#" href="">contact usa>li>
<li><a class="#" href="">Supporta>li>
ul>
nav>
<br />
body>
html>
CSS:
/* Menu */
input:focus {
background-color: rgb(255, 193, 224);
}
nav.menu {
background-color: rgb(255, 193, 224);
font-size: 16px;
padding: 10px;
}
ul.menu li {
display: inline;
margin: 0 5px;
padding: 10px;
}
ul.menu {
text-align: center;
}
.menu a:hover {
background-color: lightgray;
color: white;
}
/* sub menu */
.has-sub-menu {
position: relative;
}
ul.sub-menu {
position: absolute;
top: 44px;
left: -47px;
display: none;
}
ul.sub-menu li {
display: block;
}
li.has-sub-menu:hover ul.sub-menu {
display: block;
}
