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

EFHMedia · 30 Temmuz 2023

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

Hayir

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

Eksi ile alakası yok yanlis yonlendirmeyin

manyetiklahmacun · 30 Temmuz 2023

Hocam,

Sıralaması top right bottom left olarak kullanılır.

Peki yazıların arasındaki boşluğu ne ile yapacağım?

Eskiden İzlediğimiz · 30 Temmuz 2023

EFHMedia dedi:
Hayir

Eksi ile alakası yok yanlis yonlendirmeyin

Doğrusu nedir?

533388 · 30 Temmuz 2023

@EFHMedia alaksı yok mu şaka mı yapıyorsun - değer verilmedikçe nasıl yukarı gidecek.

meakJK · 30 Temmuz 2023

Hocam şimdi dikkatimi çekti siz önce margin-top:5px; veriyorsunuz ardından margin:10px; veriyorsunuz bu durumda margin-top:5px; iptal olup margin-top:10px; çalışır.

Eskiden İzlediğimiz · 30 Temmuz 2023

VeeeinN0 dedi:
Hocam,

Peki yazıların arasındaki boşluğu ne ile yapacağım?

Margini belirlerken 2. sayı ve 4.sayı ile kontrol edebilirsiniz.

EFHMedia · 30 Temmuz 2023

VeeeinN0 dedi:
Hocam,

Peki yazıların arasındaki boşluğu ne ile yapacağım?

Li etiketlerinin arasindaki bosluktan bahsediyorsaniz right ve left özelliklerini arttirmaniz gerekli.

533388 · 30 Temmuz 2023

@VeeeinN0 onlar içinde padding veya margin padding kutu içindeki değerleri değiştirrr marign kutular arasındakileri.

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?

EFHMedia · 30 Temmuz 2023

jSnake dedi:
@VeeeinN0 onlar içinde padding veya margin padding kutu içindeki değerleri değiştirrr marign kutular arasındakileri.

Kardesim madem bilgin yok niye uyduruk bilgi satip da adami yanlış yonlendiriyorsun.

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

Ayrıntılı düzenleme

manyetiklahmacun

Centipat

Dosya Ekleri

Ulwus

EFHMedia

Decapat

manyetiklahmacun

Centipat

Eskiden İzlediğimiz

Hectopat

533388

Hectopat

meakJK

Gigapat

Eskiden İzlediğimiz

Hectopat

EFHMedia

Decapat

533388

Hectopat

Ulwus

Hectopat

EFHMedia

Decapat

Benzer konular