Son kullanma tarihi geçmiş, bayatlamış bir tarayıcı kullanıyorsanız, Mercedes kullanmak yerine tosbağaya binmek gibi... Web sitelerini düzgün görüntüleyemiyorsanız eh, bi' zahmet tarayıcınızı güncelleyiniz. Modern Web standartlarını karşılayan bir tarayıcı alternatifine göz atın.
HTML, CSS ve JavaScript'i en kolay ve hızlı nasıl öğrenebilirim?
@EQUARIA hocam, aşağıdaki border radiuslar sayfanın bir ucundan diğer ucuna uzanıyor, sadece yazının yakın çevresinde olmasını istiyorum. Nasıl yapabilirim?
@EQUARIA hocam, aşağıdaki border radiuslar sayfanın bir ucundan diğer ucuna uzanıyor, sadece yazının yakın çevresinde olmasını istiyorum. Nasıl yapabilirim?
Öncelikle tavsiyem CSS kodlarını farklı bir dosyada barındırmanız olacaktır. Böylece daha kolay çalışabilirsiniz ve DRY prensipleri içinde kalırsınız. Bu da daha optimize, hafif ve okunması/düzenlenmesi kolay kodlar yazmanızı sağlar. Sorunuzun cevabına gelelim: p etiketlerinin display değerlerini inline olarak düzeltirseniz istediğinize ulaşırsınız.
@EQUARIA hocam, aşağıdaki border radiuslar sayfanın bir ucundan diğer ucuna uzanıyor, sadece yazının yakın çevresinde olmasını istiyorum. Nasıl yapabilirim?
bu şekilde düzeltirseniz istediğiniz gibi ayarlayabilirsiniz. Position sonrasında yazan left ve right komutlarını düzenleyerek ortalama yapabilirsiniz. Ayrıca kodunuza display: inline; komutunu ekleyerek width haricinde kutuları yazınız çerçevesinde küçültebilirsiniz. Inline komutunu kullandığınızda kutu sola doğru yaslanacaktır. Sonrasında yine position komutu ile bulunacağı yeri ayarlaybilirsiniz.
Şimdi gelelim önerilerime. Öncelikle CSS dosyasını ayırın ve HTML dosyasına atayın. Ondan sonra yazdığınız yazılara <div class="classın adını istediğiniz gibi vererek CSS üzerinden düzenleme yapacaksınız. "> komutuyla sınıf atayın. Ardından CSS dosyasında .classın adı olarak düzenlerseniz her satırdaki yazı için kodları tekrarlamadan tek komut dosyasıyla hepsinin düzenlemesini yapabilirsiniz. Ayrıca kutu dizayn etmek için flex ve flexbox öneririm.
Sipariş formunda bazı önemli yerler olduğundan karaladım. Scriptler ile telefon numarası ve ülke kısmındaki boxları internetten alabilirsiniz. Flexbox sayesinde kutucukları ortalayabiliyorsunuz ve yan yana koyabiliyorsunuz. Kutucukların içinde soluk şekilde yazılmış yazıları "placeholder" komutuyla yapabilirsiniz. Eğer "required placeholder" yaparsanız da kutucuklara bilgi girilmeden formu göndermenize müsade etmiyor. Bu arada VSCode kullanıyorsanız Live Server extension indirip yazdığınız komutları benim yaptığım gibi tarayıcınız üzerinden inceleyebilirsiniz. Bu sayede domain kullanmanıza gerek yok.
bu şekilde düzeltirseniz istediğiniz gibi ayarlayabilirsiniz. Position sonrasında yazan left ve right komutlarını düzenleyerek ortalama yapabilirsiniz. Ayrıca kodunuza display: İnline; komutunu ekleyerek width haricinde kutuları yazınız çerçevesinde küçültebilirsiniz. Inline komutunu kullandığınızda kutu sola doğru yaslanacaktır. Sonrasında yine position komutu ile bulunacağı yeri ayarlaybilirsiniz.
Şimdi gelelim önerilerime. Öncelikle CSS dosyasını ayırın ve HTML dosyasına atayın. Ondan sonra yazdığınız yazılara <div class="classın adını istediğiniz gibi vererek CSS üzerinden düzenleme yapacaksınız. "> komutuyla sınıf atayın. Ardından CSS dosyasında .classın adı olarak düzenlerseniz her satırdaki yazı için kodları tekrarlamadan tek komut dosyasıyla hepsinin düzenlemesini yapabilirsiniz. Ayrıca kutu dizayn etmek için Flex ve flexbox öneririm.
Sipariş formunda bazı önemli yerler olduğundan karaladım. Scriptler ile telefon numarası ve ülke kısmındaki boxları internetten alabilirsiniz. Flexbox sayesinde kutucukları ortalayabiliyorsunuz ve yan yana koyabiliyorsunuz. Kutucukların içinde soluk şekilde yazılmış yazıları "placeholder" komutuyla yapabilirsiniz. Eğer "required placeholder" yaparsanız da kutucuklara bilgi girilmeden formu göndermenize müsaade etmiyor. Bu arada VS Code kullanıyorsanız Live server extension indirip yazdığınız komutları benim yaptığım gibi tarayıcınız üzerinden inceleyebilirsiniz. Bu sayede domain kullanmanıza gerek yok.
Öncelikle tavsiyem CSS kodlarını farklı bir dosyada barındırmanız olacaktır. Böylece daha kolay çalışabilirsiniz ve dry prensipleri içinde kalırsınız. Bu da daha optimize, hafif ve okunması/düzenlenmesi kolay kodlar yazmanızı sağlar. Sorunuzun cevabına gelelim: P etiketlerinin display değerlerini inline olarak düzeltirseniz istediğinize ulaşırsınız.
Ardından .css uzantılı dosyanın adını sizin css dosyanızın adı olarak belirleyin. Örneğin dosyanızın adı x.css ise About.css yazan yere x.css yazın. Bu arada kodu HTML dosyasında <head> </head> etiketinin içine yazın.
Bu arada flexbox kullanırsanız örnekteki gibi aynı satır içerisindeki başlıkların vs. mesafesini ayarlayabilirsiniz.
Kesik çizgili belirtilen kısım flexbox ile space between komutunu kullanınca oluyor. Flexbox kullandığınızda aradaki başlık işaretlenebilir olmuyor. Fakat sadece margin ekleyerek yaparsanız aradaki boşluk mouse ile işaretlenebilir şekilde oluyor ki bu istenmeyen bir şey.
Ardından .css uzantılı dosyanın adını sizin css dosyanızın adı olarak belirleyin. Örneğin dosyanızın adı x.css ise About.css yazan yere x.css yazın. Bu arada kodu HTML dosyasında <head> </head> etiketinin içine yazın.
. Yalnız Frontend harbi basit hissettiriyor Backend'e geçince.
