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

Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.
manyetiklahmacun

manyetiklahmacun

Centipat
Katılım
29 Ekim 2022
Mesajlar
73
Çözümler
1
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>
Genişletmek için tıkla...

CSS
.menu{
list-style-type: none;
}
.menu li{
color: #fff;
display: inline-block;
margin-top:5px;
margin: 10px;
}
Genişletmek için tıkla...
 

Dosya Ekleri

  • Screenshot_19.png
    Screenshot_19.png
    2,8 KB · Görüntüleme: 68
Çözüm
U
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?
Tarihe göre sırala Puana göre sırala
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?
Genişletmek için tıkla...
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.
 
Artı 0 Eksi
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.
Genişletmek için tıkla...
@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.
 
Artı 0 Eksi

Benzer konular

Eşref Bey
CSS Margin Kodu Çalışmıyor
Mesaj
4
Görüntüleme
468
bonz
bonz
Lotototo
CSS'te margin ve padding nasıl kullanılır ?
Mesaj
0
Görüntüleme
259
Lotototo
Lotototo
5
  • Soru
CSS'de margin ve padding ne işe yarıyor?
Mesaj
3
Görüntüleme
568
kaan.w
K
igrahiga
  • Soru
CSS sunucuda çalışmıyor
Mesaj
1
Görüntüleme
735
RaSGooL
RaSGooL
Salih335
Harici dosyada CSS çalışmıyor
Mesaj
8
Görüntüleme
516
Salih335
Salih335

Technopat Haberler

Yeni konular

Yeni mesajlar

Geri
Yukarı