Ana içeriğe atla

Mobil sayfalar için tablo oluşturma (responsive table)

İnternet sitenizde oluşturduğunuz sayfaların içerisinde tablolar bulunabilir. Bu tabloların küçük ekranlarda veya mobil sayfalarda görülemeyebilir.

Ekranda içeriğin tamamının görüntülemek için tabloya yatay bir kaydırma çubuğu belirecektir

Bu sorunu gidermek için responsive table oluşturulmalıdır.

Bunu yapmak için table etiketlerinin div içerisine alınarak overflow-x:auto yapılmalıdır.

Aşağıda bununla ilgili örnek vardır.

Kodlar

 <div style="overflow-x:auto;">
  <table>
    ...
  </table>
</div>

Örnek tablo

Burası ekrana sığmayacak kadar uzun yazılmış bir satır olsun. Bu satırın mobil sayfalarda görünebilmesi sağlanmaktadır. Ekrana sığmama problemi yaşamazsınız.
Etiketler:

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

Wordpress Wp-Pro-Quiz Eklentisi

Wordpress sitenizde öğrenciler için çeşitli testleri oluşturabileceğiniz harika bir eklentidir. Bu eklentinin güzel bir özelliği de Türkçe dil desteğinin bulunması ve ücretsiz olmasıdır. Bu eklentiyi bende Wordpress sitemde kullanmaktayım. Bu eklenti ile öğrencilerinizi veya sitenize gelen ziyaretçilerinize online sınavlar hazırlayabilirsiniz. 1.Eklentinin Kurulumu Öncelikle wordpress sitenizin yönetim paneline girin. Eklentiler kısmından yeni ekleye gelin Eklentilerde ara kısmına wp pro quiz yazıp arayın.    Şimdi kur kısmına tıklayarak kurunuz. Kurulum tamamlandıktan sonra eklentiyi etkinleştirin.  Eklenti artık menüde görülmektedir. 2. Genel Ayarlar Tarih ve zaman ayarları bulunmaktadır. Sakla diyerek ayarları kaydedin. Genel bakışa geri dön diyerek ana menüye gelin. 3.Sınav Kurallarının Oluşturulması  Menüden sınav ekle kısmına geliniz. Opsiyonel özellikler Eğer önceden şablon oluşturmuş iseniz en üst sağda şablon yükl...
43 yorum
Devamı

Klavyede Bulunmayan Özel Karaterleri Yazma

Yazı yazarken bazen özel karakterlerin yazılaması gerekmektedir. Matematik, Fizik, Kimya, Bilgisayar bilimlerinde  özel karakterlerin nasıl yazılabileceğini göreceğiz. 1. Yöntem: İnternetten kopyalama Karakterin ismini biliyorsanız internetten arattırarak bulup kopyalabilirsiniz. Matematik sembolleri nasıl yazılır? Bölü işareti: ÷ Artı veya eksi işareti: ± Üssü iki (Kare): ²                                    Örnek: 3² ( üçün karesi) Üssü üç (Kübü): ³                                   Örnek: 2³ ( ikinin kübü) Pi sayısı:π Sonsuz: ∞ Büyük: >                                                   6 > 4 (6 büyüktür 4) Küçük: <        ...
47 yorum
Devamı

Korumalı Flash Disk İçeriğini Silme

Yayın evlerinin kitaplarıyla beraber hediye olarak gelen flash diskler içerisinde bulunan ve silinemeyen dosyaların nasıl silinebileceğini inceleyeceğiz. Flash diskler 8 GB ve iki parça halindedir. İlk bölümünde kitaba ait bilgiler bulunmakta ikinci kısımda istenildiği gibi kullanılabilmektedir. Okullarda öğretmenlere verilen  yayınlarının verdiği flash disklerde denenmiş ve kesin sonucu vermiştir. Önemli Burada anlatılan yöntem öncesi flash diskinizin içeriğinde bulunan bütün dosyaların yedeğini almayı ve flash diskinizin RAW dosyasına dönüşerek kullanamayacağınızı da hatırlatmak istiyorum. Flash disk yanlış işlem sonucu kullanılamayabilir. Flash diski biçimlendirmek için kullanacağımız program Silicon Motion (SMI) kontrolör üreticisi için kullanılabilir. Flash disk üreticisini öğrenmek için ChipGenius programını kullanacağız.  flashboot.ru/files/file/448  adresinden programı indiriyoruz. USB disk olarak SMI olduğunu görüyoruz. Buradaki SM325...
32 yorum
Devamı