Çözüldü CSS, margin-top: çalışmıyor

manyetiklahmacun · 30 Temmuz 2023

Merhabalar, kendimi geliştirmek üzere HTML, CSS öğreniyorum. Bir hata ile karşılaştım.

Anasayfa, hakkımızda, sosyal medaya bölümlerini kırmızı ile işaretlediğim yere almak istiyorum fakat, margin-top: veyahut top: çalışmıyor.

HTML

<ul class="menu">
<li>Anasayfa</li>
<li>Hakkımızda</li>
<li>Sosyal Medya</li>
</ul>

CSS

.menu{
list-style-type: none;
}
.menu li{
color: #fff;
display: inline-block;
margin-top:5px;
margin: 10px;
}

Ulwus · 30 Temmuz 2023

CSS:

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

CSS'inizi bu şekilde yapıp listenizin elemanlarını <li><a>X</a></li>
yapar mısınız?

533388 · 30 Temmuz 2023

@EFHMedia Bilgim olmadığı ne malum? Ayrıca az önceki margin olayını da araştır derim - koymadan nasıl yazı yukarı gidecek merak ettim doğrusu.

manyetiklahmacun · 30 Temmuz 2023

Ulwus dedi:
CSS:

ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333; } li { float: left; } li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; }

CSS'inizi bu şekilde yapıp listenizin elemanlarını <li><a>X</a></li>
yapar mısınız?

Tabii ki, fakat öğrenmeye çalıştığım için neden bu şekilde yapmam gerektiğini ve ekstra eklediğiniz kodların ne işe yaradığını paylaşır mısınız. Deniyorum şimdi kodunuzu.

Ulwus · 30 Temmuz 2023

@EFHMedia attığım kodu denedin mi de disslike atıyorsun

533388 · 30 Temmuz 2023

@Ulwus ya hocam boş verin herkese bir kalıp uyduruyor.

manyetiklahmacun · 30 Temmuz 2023

manyetiklahmacun dedi:
Tabii ki, fakat öğrenmeye çalıştığım için neden bu şekilde yapmam gerektiğini ve ekstra eklediğiniz kodların ne işe yaradığını paylaşır mısınız. Deniyorum şimdi kodunuzu.

@Ulwus Hocam attığınız kodu denedim. Teşekkürler güzel oldu, dediğim gibi müsait bir vaktiniz var ise açıklarsanız sevinirim.

Ulwus · 30 Temmuz 2023

manyetiklahmacun dedi:
@Ulwus Hocam attığınız kodu denedim. Teşekkürler güzel oldu, dediğim gibi müsait bir vaktiniz var ise açıklarsanız sevinirim.

Eve geçeyim tabii ki anlatırım.

manyetiklahmacun · 1 Ağustos 2023

Ulwus dedi:
Eve geçeyim tabii ki anlatırım.

Hocam sanırım unuttunuz.

Çözüldü CSS, margin-top: çalışmıyor

Ayrıntılı düzenleme

manyetiklahmacun

Centipat

Dosya Ekleri

Ulwus

533388

Hectopat

manyetiklahmacun

Centipat

Ulwus

Hectopat

Dosya Ekleri

533388

Hectopat

manyetiklahmacun

Centipat

Ulwus

Hectopat

manyetiklahmacun

Centipat

Benzer konular