CSS Hakkında Yardımlarınıza İhtiyacım Var

Question

Merhaba dostlar, kırmızı ile işaretlemiş olduğum alana " Whatsapp İle Sipariş Ver " butonu koymak istiyorum. Div kodu mevcut, elimde hazır sadece css ile buraya nasıl konumlandırabilirim. Left, buttom kodları ile konumlandırıyorum ama responsive olmuyor, küçük ekranlar da bu buton sitenin ortasına kayıyor. Butonu her ekrana uyacak şekilde buraya nasıl sabitlerim.

kozanfirmam · Answer

O buton kodlarını çoğaltın hocam kod içeriğini değiştirin olur alt yapı nedir

serkanhzl · Answer

kozanfirmam adlı üyeden alıntı:						mesajı görüntüle									O buton kodlarını çoğaltın hocam kod içeriğini değiştirin olur alt yapı nedir 		Ticimax hocam.

kozanfirmam · Answer

Tamam yine yapılır dosyalara izin var ise

Halimcandogan · Answer

left kodların pixel yerine yüzdeyle vermeyle deneyin.

serkanhzl · Answer

kozanfirmam adlı üyeden alıntı:						mesajı görüntüle									Tamam yine yapılır dosyalara izin var ise 		Dediğinizi deniyorum hocam şimdi. Sepete Ekle butonunu kopyalamayı deniyorum.

serkanhzl · Answer

Halimcandogan adlı üyeden alıntı: mesajı görüntüle

pixel sabittir ama yüzde,em,rem gibi ölçeklendirmeler görecelidir cihazla ölçeklenirler.

Hocam % olarak yaptım fakat arada ki fark biraz daha indi. Kullandığım kodlar ise;

.forMobile {position: absolute;bottom: 30%;left: 80%;z-index: 9999; }

Halimcandogan · Answer

serkanhzl adlı üyeden alıntı:						mesajı görüntüle									Pixel olarak kullandım, yüzde ile denemesini yapacağım hocam şimdi. Px ile yüzde arasında ki fark nedir peki? 		pixel sabittir ama yüzde,em,rem gibi ölçeklendirmeler görecelidir cihazla ölçeklenirler.

serkanhzl · Answer

Halimcandogan adlı üyeden alıntı: mesajı görüntüle

pixel sabittir ama yüzde,em,rem gibi ölçeklendirmeler görecelidir cihazla ölçeklenirler.

Hocam % olarak yaptım fakat arada ki fark biraz daha indi. Kullandığım kodlar ise;

.forMobile {position: absolute;bottom: 30%;left: 80%;z-index: 9999; }

.forMobile {position: absolute;bottom: 30%;left: 80%;z-index: 9999;    }

Halimcandogan · Answer

serkanhzl adlı üyeden alıntı:						mesajı görüntüle									Hocam % olarak yaptım fakat arada ki fark biraz daha indi. Kullandığım kodlar ise;

.forMobile {position: absolute;bottom: 30%;left: 80%;z-index: 9999; } 		
responsive kodlarıyla düzeltmeyi denediniz mi ?

rem olarak da kullanabilirsiniz . Pixel to rem yazdığınız dönüştürücü çıkıyor. Bilgim bu kadar.

serkanhzl · Answer

Halimcandogan adlı üyeden alıntı:						mesajı görüntüle									responsive kodlarıyla düzeltmeyi denediniz mi ?

rem olarak da kullanabilirsiniz . Pixel to rem yazdığınız dönüştürücü çıkıyor. Bilgim bu kadar. 		Denemedim hocam, bir de rem deneyeyim, teşekkürler.

umityildrim · Answer

Hocam merhaba. Body kısmını şöyle yapın:

body {
width: 100vw;
height: 100vh;
}

Bunu ysptıktan sonra ilgili yerlere yüzde verebilirsiniz. Çünkü body kısmını ayarlamadan yaparsanız sistem 'neye göre yüzde' şeklinde bir karmaşaya düşebilir. Farklı bir görüntü ortaya çıkabilir. &#128578;

serkanhzl · Answer

umityildrim adlı üyeden alıntı:						mesajı görüntüle									Hocam merhaba. Body kısmını şöyle yapın:

body {
width: 100vw;
height: 100vh;
}

Bunu ysptıktan sonra ilgili yerlere yüzde verebilirsiniz. Çünkü body kısmını ayarlamadan yaparsanız sistem 'neye göre yüzde' şeklinde bir karmaşaya düşebilir. Farklı bir görüntü ortaya çıkabilir. &#128578; 		Birde dediğiniz sistemde deneyeyim hocam.