Çözüldü Navbar'a fixed özelliği verilmiyor

Brscn · 29 Ekim 2022

Navbar'a fixed vermeye çalışıyorum ama olmuyor, diğer elemanlara verebiliyorum ama Navbar'a bir türlü olmuyor.

CSS:

*{
    font-size: 10px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html{
    height: 10000px;
}

/* navbar */

.navbar{
    background-color: rgb(205, 205, 205);
    opacity: 75%;
    display: flex;
    padding: 2.5rem;
    height: 7.5rem;
    justify-content: space-between;
    position: fixed;
}

#logo_png{
    height: 6.4rem;
    width: 12.8rem;
}

.options{
    display: flex;
    justify-content: space-between;
}

.option{
    margin-right: 2rem;
    padding: 2rem;
    font-size: 2rem;
    color: gray;
    text-decoration: none;
}
.option:hover{
    opacity: 100%;
    color: black;
}

serhatcandev · 29 Ekim 2022

Bu kodlar ile çalışıyor.

HTML:

<!DOCTYPE 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>Document</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <nav>
    <div class="options">
      <a class="option" href="#">A</a>
      <a class="option" href="#">A</a>
      <a class="option" href="#">A</a>
      <a class="option" href="#">A</a>
    </div>
  </nav>
</body>
</html>

CSS:

*{
    font-size: 10px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html{
    height: 10000px;
}

/* navbar */

nav{
    background-color: rgb(0, 0, 0);
    opacity: 75%;
    display: flex;
    width: 100%;
    height: 7.5rem;
    justify-content: space-between;
    position: fixed;
}

.options{
    display: flex;
    justify-content: space-between;
}

.option{
    margin-right: 2rem;
    padding: 2rem;
    font-size: 2rem;
    color: gray;
    text-decoration: none;
}
.option:hover{
    opacity: 100%;
    color: black;
}

Yeniçocuk · 29 Ekim 2022

Kodların başka birinde eksik parantez veya gözden kaçmış olabilecek nokta olabilir mi? Kodlarınız doğru çalışıyor. VSC Live server eklentisi bende fazla parantez yüzüne hata veriyordu.

Brscn · 29 Ekim 2022

Yeniçocuk dedi:
Kodların başka birinde eksik parantez veya gözden kaçmış olabilecek nokta olabilir mi? Kodlarınız doğru çalışıyor. VSC Live server eklentisi bende fazla parantez yüzüne hata veriyordu.

Bilmiyorum en son Bootstrap ile fixed-top ekledim şimdilik halletim

Yeniçocuk dedi:
Kodların başka birinde eksik parantez veya gözden kaçmış olabilecek nokta olabilir mi? Kodlarınız doğru çalışıyor. VSC Live server eklentisi bende fazla parantez yüzüne hata veriyordu.

Sorunu çözdüm Bootstrap projeye dahil olduğu için oluşuyormuş! İmportant ekleyince düzeliyor

Çözüldü Navbar'a fixed özelliği verilmiyor

Ayrıntılı düzenleme

Brscn

Centipat

Dosya Ekleri

Brscn

serhatcandev

Megapat

Yeniçocuk

Kilopat

Brscn

Centipat

Benzer konular

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz