Soru arkadaşkar kendimi geliştirmek için bir proje konu hakkında yardımcı olursanız sevinirim

ardakrn52

Öğrenci
Katılım
10 Mayıs 2023
Mesajlar
2
Reaksiyon puanı
1
Puanları
3
Yaş
23
işaretlediğim bölgenin yukarı yapışmasını istiyorum yani aradaokadar boşluk olmasını istemiyorum yan taraftaki ile aynı aralıkta olsun istiyorum trendyolun menüsündeki gibi

CSS kodları:


@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300&display=swap');

* {
margin: 0;
padding: 0;


}
body {
background: #164c82;
}
.endis {
width: 1200px;
margin: 20px auto;
}
nav {
position: absolute;
background: white;
font-size: 16px;
font-family: 'Nunito', sans-serif;
font-style:unset;
font-weight: bold;
}
nav>ul {
position: relative;

display: flex;
justify-content: center;
width: 1200px;
margin: 0 auto;
padding: 0;
}
nav a {
display: block;
color: black;
text-decoration: none;
text-transform: uppercase;

}
nav ul li {
color: #fff;
list-style: none;
transition: 0.5s;
}


nav>ul>li>a {
padding:10px 13.8px;

}
nav ul>li .acilirmenu>a:after {
position: relative;
float: right;
content: '';
margin-left: 10px;
margin-top: 8px;

}


nav ul .menu_alani {
box-sizing: border-box;
padding: 2px 25px 20px 25px;
background: #fff;
text-align: left;

border-top: 4px solid red;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
z-index: 1;
position: absolute;
display: flex;


flex-wrap: wrap;
width: 1200px;
top: -9999px;
left: 0;
}

nav ul li:hover ul.menu_alani{
top: 100%;
}
nav ul .menu_alani ul {
width: 40%;
color:rgb(29, 29, 29) ;
}


nav ul .menu_alani h5 {
margin-top:18px;
margin-bottom: 0px;

text-transform: uppercase;
}




nav ul .menu_alani ul li {
display: block;
}
nav ul .menu_alani ul li a {

font-size: 14px;
color: gray;
text-transform: none;
}

nav a:hover {color: red;}
nav ul .menu_alani h5 a:hover {
color: red;
}
nav ul .menu_alani ul li a:hover {
color: red;
}
 

Ekli dosyalar

  • Ekran görüntüsü 2023-05-10 194150.png
    Ekran görüntüsü 2023-05-10 194150.png
    98.7 KB · Görüntüleme: 44

Emnn

Profesör
Emektar
Müdavim
Katılım
3 Mayıs 2021
Mesajlar
2,233
Çözümler
8
Reaksiyon puanı
1,930
Puanları
358
Lütfen kodlarınızı kod şeklinde atın ve sorunu veya ne yapmak istediğinizi tam anlamıyla ifade edin ki yardımcı olabilelim.
 

ardakrn52

Öğrenci
Katılım
10 Mayıs 2023
Mesajlar
2
Reaksiyon puanı
1
Puanları
3
Yaş
23
sistem izin vermediği için uzantısını txt olarak attım, görsel ile anlatmaya çalıştım ilgilendiğiniz için teşekkür ederim
 

Ekli dosyalar

Üst