lostyazilim
tr.link

Tabloyu Mobil Uyumlu Yapma

6 Mesajlar 2.399 Okunma
acebozum
tr.link

emirhantopcu emirhantopcu WM Aracı Kullanıcı
  • Üyelik 27.03.2016
  • Yaş/Cinsiyet 37 / E
  • Meslek Yok
  • Konum İstanbul Avrupa
  • Ad Soyad E** T**
  • Mesajlar 429
  • Beğeniler 13 / 68
  • Ticaret 15, (%100)
Aşağıdaki gibi bir tablo yaptım fakat ekranını küçültünce ve mobilden girince ekrandan taşıyor, görsel boyutları değişiyor bunu nasıl halledebilirim?
https://hizliresim.com/yVxHZA








isim


 

 

ThatsGame
wmaraci
reklam

Abdullahx Abdullahx MW Aracı Kullanıcı
  • Üyelik 03.04.2019
  • Yaş/Cinsiyet 29 / E
  • Meslek .
  • Konum Trabzon
  • Ad Soyad A** K**
  • Mesajlar 905
  • Beğeniler 393 / 395
  • Ticaret 3, (%100)
Hocam kaynak kod gerekli ,kimse resme bakarak bir şey söyleyemez :) Ve eğer atacaksanız da fotoğraf şeklinde değil direkt kodu paylaşın.
Ve oynamayalı Ahri rework mu geçirmiş :)
emirhantopcu

kişi bu mesajı beğendi.


emirhantopcu emirhantopcu WM Aracı Kullanıcı
  • Üyelik 27.03.2016
  • Yaş/Cinsiyet 37 / E
  • Meslek Yok
  • Konum İstanbul Avrupa
  • Ad Soyad E** T**
  • Mesajlar 429
  • Beğeniler 13 / 68
  • Ticaret 15, (%100)
Ekledim hocam kodu basit bir şekilde tablo biçiminde yaptım. Bu arada Ahri rework geçirmedi kostümlü görselini koydum :)
 

 

ThatsGame

Abdullahx Abdullahx MW Aracı Kullanıcı
  • Üyelik 03.04.2019
  • Yaş/Cinsiyet 29 / E
  • Meslek .
  • Konum Trabzon
  • Ad Soyad A** K**
  • Mesajlar 905
  • Beğeniler 393 / 395
  • Ticaret 3, (%100)
Farazi konuşacağım haliyle, tabloyu şekillendirirken css değerlerini muhtemelen mutlak değerler vermişsinizdir. Ekran küçüldükçe de o değerler aynı kaldığı için kaymalar ve bozulmalar oluyor. Değerleri verirken (özellikle yatayda) yüzdeli değerler verin. ya da atıyorum width:300px değil de max-width:300px verin. Ve tabloyu tamamen kapsayacak şekilde bir div oluşturun, css olarak overflow: auto verin.
 

 


wmaraci
wmaraci

jetpanelim jetpanelim WM Aracı Kullanıcı
  • Üyelik 27.03.2019
  • Yaş/Cinsiyet 34 / E
  • Meslek PHP Coder
  • Konum İstanbul Anadolu
  • Ad Soyad M** Y**
  • Mesajlar 199
  • Beğeniler 113 / 45
  • Ticaret 5, (%80)
Eğer bootstrap 4 ekli ise



kodundan önceye ekle ve kapatmayı unutma.

Aklından geçen bu idi. 😊
 

 

Umur09 Umur09 :/ Kullanıcı
  • Üyelik 31.05.2016
  • Yaş/Cinsiyet 29 / E
  • Meslek dev.
  • Konum İstanbul Anadolu
  • Ad Soyad U** A**
  • Mesajlar 131
  • Beğeniler 21 / 55
  • Ticaret 1, (%100)
Muhtemelen bootstrap ekli değil.

HTML kodu:













isim





isim





isim





CSS kodu:

.table-responsive {
overflow-x: auto;
}



Ayrıca td etiketi içinde p, div vb. etiketler kullanmamaya özen gösteriniz.
 

 

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al