HTML CSS öge sabitleme

TarıkBugra55 dedi:

Eki Görüntüle 1539867

Resimde gördüğünüz Audio Control elementlerini çizilen yerlere sabitlemek istiyorum fakat kutular hoverlarından dolayı genişlediğinde yukarı dogru kayıyorlar. Kutular section classının içinde section hover oldugunda Audio Control ve kutu aynı anda hoverlanıyor.

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

Zembla dedi:

Yazı uzun olduğunda mı dışarı taşıyor?

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

TarıkBugra55 dedi:

Evet.

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

Zembla dedi:

CSS kısmında overflow ayarını yapman lazım. Ya da Audio Control element'inin position değerini fixed yapabilirsin ama responsive tasarım yapıyorsan bu yöntem çok önerilmez.

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

249873 dedi:

Music Control kısmını position absoulte yap. Veya fixed. Bottom: 0; left: 0; right: 0; de.
Üst pencere divi position relative yapmayı unutma.

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

TarıkBugra55 dedi:

Kutularda kaydırma olmasını istemiyorum yazı fontlarını küçülterek bu sorunu cozeceğim fakat bu Audio Controlleri sabitlemek istiyorum kutunun alt bölümüne.

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

Zembla dedi:

Yazı fontunu küçültürsen diğer yazılara göre küçük olan sırıtır. Sağlıklı olan yazın uzun olduğunda uzun kısmı gizlemesi.

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