HTML ve CSS websitesi ortada durmuyor

Berkay Davas · 15 Ocak 2022

@Monsieur Fatih aslında bunun güncel özellikler ile olması gerekeni;

CSS:

nav {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

Ecmel · 17 Ocak 2022

İki satır CSS ile yapılabilecek bir şey. CSS'de flex yapısını araştırmanızı tavsiye ederim. Demode yöntemler yerine güncel yöntemleri tercih edin.

Ulaş Utku Bozdoğan · 18 Ocak 2022

Kod:

display: flex;
justify-content: center;

Display Flex kod yapisinida kullanabilirsin. A Complete Guide to Flexbox | CSS-Tricks burada detayli anlatimi var.

Türkel · 14 Mart 2022

Monsieur Fatih dedi:
Çok teşekkür ederim, işe yaradı.

Kısaca en üste <center> komutunu yaz, html5'de </center> etiketini sona koymana gerek yok.

Rufiq Cavadov · 14 Mart 2022

Monsieur Fatih dedi:
Arkadaşlar ben böyle kendi halimde web sitesi tasarlamayı öğreniyorum da. Bir liste var, bir türlü ortalayamadım hep sağ tarafta duruyor. Yardım lazım.

Her halde şu komutu arıyorsunuz. Tam ortalamak mı istiyorsunuz?

Aşağıdakı CSS kodu belirli bir mesela buton diyelim sayfanın tam ortasına hizalar.

CSS:

div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

Fakat ben bir web sayfamın ortalanmasını istiyorum diyorsan, belirli bir pixel değerlerinde şunu yapabilirsin.

CSS:

.container {
  width: 1024px;
  margin: 0 auto;
}

ve ya

CSS:

.container {
  width: 95%;
  margin: 0 auto;
}

HTML ve CSS websitesi ortada durmuyor

Ayrıntılı düzenleme

Berkay Davas

Megapat

Ecmel

Kilopat

Ulaş Utku Bozdoğan

Femtopat

Türkel

Hectopat

Rufiq Cavadov

Kilopat

Benzer konular

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz