lostyazilim
tr.link

Tablo içindeki divleri ortaya hizalama

4 Mesajlar 826 Okunma
acebozum
tr.link

Durotan Durotan WM Aracı Kullanıcı
  • Üyelik 28.02.2014
  • Yaş/Cinsiyet 29 / E
  • Meslek 3D Sanatçı
  • Konum Kocaeli
  • Ad Soyad F** T**
  • Mesajlar 1676
  • Beğeniler 204 / 340
  • Ticaret 2, (%100)
Merhabalar. Elimde bir HTML tablo var. Kodlar şöyle:






DIV İÇERİĞİ



Şimdi, tablonun masaüstündeki ortalanmasında sıkıntı yok. Zaten satır atlamıyor, her şey tek satırda ve istediğim gibi yani ortalanmış olarak listeleniyor.

Bk. masaüstünde ekran görüntüsü: https://i.hizliresim.com/6XJrJv.png

Ancak mobilde görseller tek satıra sığmadığı için 2. satıra atlıyor ve 2. satır sola yaslı olarak başlıyor.

Bk. mobilde ekran görüntüsü: https://i.hizliresim.com/N1ZlZX.png

Ben hem üst hem de alt satır, tıpkı masaüstünde olduğu gibi ortalanmış gözüksün istiyorum.

Kodda hem genel table, hem tr hem de td kodlarına tek tek; hem margin-left: auto; + margin-right: auto; hem de text-align: center; uygulamama rağmen mobilde ortalayamadım. Acaba nereyi kaçırıyorum?

***

Bu arada gerek olur mu bilmem ama TD içindeki DIV class'ında (ekran görüntülerinde gördüğünüz her karakter resmi birer DIV içinde yer alıyor) şu kodlar yer alıyor:
text-align: center;
display: inline-block;
margin-left: auto;
margin-right: auto;
margin-bottom: 3px;
 

 

elektronikssl
webimgo

ERENKYI ERENKYI WM Aracı Kullanıcı
  • Üyelik 11.07.2017
  • Yaş/Cinsiyet 26 / E
  • Meslek Öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad E** K**
  • Mesajlar 169
  • Beğeniler 8 / 45
  • Ticaret 1, (%100)
Tüm kodu codepen veya jsfiddle aracılığıyla koyarsanız daha hızlı cevap gelebilir.
 

 

ASametYildirim ASametYildirim Saygı, Sevgi, Anlayış. Kullanıcı
  • Üyelik 16.06.2017
  • Yaş/Cinsiyet 25 / E
  • Meslek Bilgisayar mühendisi öğrencisi
  • Konum Ankara
  • Ad Soyad S** Y**
  • Mesajlar 3826
  • Beğeniler 2399 / 1874
  • Ticaret 97, (%100)
Hocam mobilde daha düzgün gözükmesini istiyorsanız css responsive derslerinr bakın.

Not: hocam acaba kodların başına
ve sonuna
kodunu ekleyebilirmisiniz?

Eğer hala olmazsa ücretli bir şekilde yardım edebilirim.
 

 

aidata aidata Yakında Erictus ! Kullanıcı
  • Üyelik 12.03.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Yazılım
  • Konum Antalya
  • Ad Soyad B** T**
  • Mesajlar 111
  • Beğeniler 0 / 7
  • Ticaret 4, (%100)
arkadaşın dediği gibi codepen e koy kodları yardımcı olalım
 

 

wmaraci
wmaraci
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