Çözüldü HTML - CSS sayfa küçülünce yazılar alt alta geliyor

Timuçib · 17 Haziran 2023

Yapı yukarıda gördüğünüz gibi fakat sayfa çok küçülünce alttaki gibi oluyor

İletişim diğer elementin altına geliyor. Ben sayfa küçülünce iletişimin görünmemesini istiyorum nasıl sağlarım?

kaan.w · 17 Haziran 2023

Böyle deneyebilirsiniz. Ekran genişliği 600 piksel ve daha küçük olduğunda "iletisim" id'sine sahip elementi gizleyecek.

CSS:

@media only screen and (max-width: 600px) {
  #iletisim {
     display: none;
  }
}

Fatalis · 17 Haziran 2023

Kapsayıcı elemana CSS ile overflow: hidden vermeyi deneyin.

Timuçib · 17 Haziran 2023

Fatalis dedi:
Kapsayıcı elemana CSS ile overflow: hidden vermeyi deneyin.

Onu zaten denedim fakat olmadı başka bir yolu yok mudur?

Fatalis · 17 Haziran 2023

Timuçib dedi:
Onu zaten denedim fakat olmadı başka bir yolu yok mudur?

Hangi elemana veriyorsunuz overflow'u? Kapsayıcı div'iniz varsa sorun olmamalı, çalışmalıydı. Menünün tek kapsayıcısı ul ise çalışmaz. Menüyü bir div içine alın ve div'e overflow: hidden verin.

Timuçib · 17 Haziran 2023

Fatalis dedi:
Hangi elemana veriyorsunuz Overflow'u? Kapsayıcı Div'iniz varsa sorun olmamalı, çalışmalıydı. Menünün tek kapsayıcısı ul ise çalışmaz. Menüyü bir div içine alın ve Div'e overflow: hidden verin.

Hocam div içinde zaten tek bir div içinde ve ekrandaki elemanlar liste yapısı değil a tagi ile link şeklinde.

kaan.w · 17 Haziran 2023

Böyle deneyebilirsiniz. Ekran genişliği 600 piksel ve daha küçük olduğunda "iletisim" id'sine sahip elementi gizleyecek.

CSS:

@media only screen and (max-width: 600px) {
  #iletisim {
     display: none;
  }
}

Timuçib · 17 Haziran 2023

kaan.w dedi:
Böyle deneyebilirsiniz. Ekran genişliği 600 piksel ve daha küçük olduğunda "iletisim" ID'sine sahip elementi gizleyecek.

CSS:

@media only screen and (max-width: 600px) { #iletisim { display: none; } }

Tam olarak bunu arıyordum hocam teşekkür ederim.

Çözüldü HTML - CSS sayfa küçülünce yazılar alt alta geliyor

Ayrıntılı düzenleme

Timuçib

Hectopat

kaan.w

Fatalis

Terapat

Timuçib

Hectopat

Fatalis

Terapat

Timuçib

Hectopat

kaan.w

Megapat

Timuçib

Hectopat

Benzer konular