Çö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

@manyetiklahmacun hocam yukarı almak için başlarına - koyun.

manyetiklahmacun · 30 Temmuz 2023

533388 dedi:
@manyetiklahmacun hocam yukarı almak için başlarına - koyun.

Hocam nereye - koyacağım?

533388 · 30 Temmuz 2023

@manyetiklahmacun margin-top: -5px

@manyetiklahmacun ama -5 az gellebilir o yüzden -20 deneyin.

EFHMedia · 30 Temmuz 2023

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.

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.

Eskiden İzlediğimiz · 30 Temmuz 2023

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

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.

533388 · 30 Temmuz 2023

@EFHMedia @Eskiden İzlediğimiz hocalar onu yerine direk olarak margin-topa - değer de verebilir diye biliyorum.

@manyetiklahmacun oldu mu hocam.

meakJK · 30 Temmuz 2023

Yanlış yere yazıyorsunuz hocam ".menu" etiketi içinde kullanmalısın.

Eskiden İzlediğimiz · 30 Temmuz 2023

533388 dedi:
@EFHMedia @Eskiden İzlediğimiz hocalar onu yerine direk olarak margin-topa - değer de verebilir diye biliyorum.

@manyetiklahmacun oldu mu hocam.

Eğer sadece toptan vermek istiyorsa evet öylede yapabilir ama arkadaşımız hem 4 bir taraftan margin vermek istiyor hemde topu özel ayarlamak istiyor.

533388 · 30 Temmuz 2023

@meakJK. Menu içine yazılmalı evet ama - değer de verilmeli yoksa daha da aşağı gider.

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

Ayrıntılı düzenleme

manyetiklahmacun

Centipat

Dosya Ekleri

Ulwus

533388

Hectopat

manyetiklahmacun

Centipat

533388

Hectopat

EFHMedia

Decapat

Eskiden İzlediğimiz

Hectopat

533388

Hectopat

meakJK

Gigapat

Eskiden İzlediğimiz

Hectopat

533388

Hectopat

Benzer konular