Çö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
manyetiklahmacun dedi:
Merhaba, kendimi geliştirmek üzere HTML, CSS öğreniyorum. Bir hata ile karşılaştım.

Ana sayfa, 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.

CSS.
Genişletmek için tıkla...

Margin: 5px 10px 10px 10px; olarak kullanman gerekli margin özelliğini bir kere kullandığın için diğeri çalışmaz. Belirttigim şekilde kullanirsan çalışacaktır. Sıralaması top right bottom left olarak kullanılır.
 
Artı 0 Eksi
manyetiklahmacun dedi:
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



CSS
Genişletmek için tıkla...
margin: 10px; yazarken tüm her yerden margin veriyorsunuz bunun yerine margin: 10px, 10px, 10px, 10px; olarak yazarsanız margin vereceğiniz her yönü kontrol edersiniz.
 
Artı 0 Eksi
Artı 0 Eksi

Benzer konular

Eşref Bey
CSS Margin Kodu Çalışmıyor
Mesaj
4
Görüntüleme
466
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
567
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
511
Salih335
Salih335

Technopat Haberler

Yeni konular

Yeni mesajlar

Geri
Yukarı