10TL.NET › Ana Kategori: Destek-Yönetim-Kurallar › Çeşitli Destek › 10tl.net harici destek v
CSS Tablo Orantısızlığı?!
     
Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Gösterim Stili
CSS Tablo Orantısızlığı?!
Vortéx! Çevrimdışı
Kullanıcı
Yorum Sayısı: 1,363
Konu Sayısı: 236
Üyelik Tarihi: 28-04-2012
Rep Puanı: 8
Teşekkürler: 1
2 mesaj içinde 15 teşekkür verildi.

Kullanıcı Adı Değişiklikleri: Vortéx!
SanalPara (SP): 24 SP
#1
Exclamation  18-10-2017 Saat: 23:15
1GV7G1.png

Kırmızı ile işaretlediğim yerlerde problem var. Bu tablolar pricing tabloları. Ama içlerine yazdığım yazılardan bazıları uzun bazıları kısa. Buda orantısızlığıa sebep oluyor. Tüm tablolar aynı boyda eşit ve güzel görünsün istiyorum. Nasıl çözebilirim bunu?
Ara
Cevapla PGM
Teşekkür verenler:
#Power Çevrimdışı
ETERNITY TOO SHORT
Yorum Sayısı: 11,530
Konu Sayısı: 641
Üyelik Tarihi: 27-09-2013
Rep Puanı: 522
Teşekkürler: 7
128 mesaj içinde 933 teşekkür verildi.

Kullanıcı Adı Değişiklikleri: #Power
SanalPara (SP): 1,297 SP
#2
18-10-2017 Saat: 23:19
Height değeri atayacaksın en uzun yazıya göre
Ara
Cevapla PGM
Teşekkür verenler:
Vortéx! Çevrimdışı
Kullanıcı
Yorum Sayısı: 1,363
Konu Sayısı: 236
Üyelik Tarihi: 28-04-2012
Rep Puanı: 8
Teşekkürler: 1
2 mesaj içinde 15 teşekkür verildi.

Kullanıcı Adı Değişiklikleri: Vortéx!
SanalPara (SP): 24 SP
#3
18-10-2017 Saat: 23:20
Ama bu seferde kısa yazılarda iğrenç bir boşluk oluşuyor. Bunu nasıl çözerim şefim? :D
Ara
Cevapla PGM
Teşekkür verenler:
#Power Çevrimdışı
ETERNITY TOO SHORT
Yorum Sayısı: 11,530
Konu Sayısı: 641
Üyelik Tarihi: 27-09-2013
Rep Puanı: 522
Teşekkürler: 7
128 mesaj içinde 933 teşekkür verildi.

Kullanıcı Adı Değişiklikleri: #Power
SanalPara (SP): 1,297 SP
#4
18-10-2017 Saat: 23:25
(18-10-2017 Saat: 23:20)Vortéx! Nickli Kullanıcıdan Alıntı: Ama bu seferde kısa yazılarda iğrenç bir boşluk oluşuyor. Bunu nasıl çözerim şefim? :D

Çözemezsin ayrıca çok kötü de durmaz eğer simetri hastası değilsen tabi :D
Ara
Cevapla PGM
Teşekkür verenler:
kaRanLık-61 Çevrimdışı
Yaşlanıyoruz...
Yorum Sayısı: 6,782
Konu Sayısı: 186
Üyelik Tarihi: 30-11-2010
Rep Puanı: 847
Teşekkürler: 354
157 mesaj içinde 470 teşekkür verildi.

Kullanıcı Adı Değişiklikleri: kaRanLık-61
SanalPara (SP): 2,024 SP
#5
18-10-2017 Saat: 23:25 (Son Düzenleme: 18-10-2017 Saat: 23:26, Düzenleyen: kaRanLık-61.)
bootstrapla yaparsan belki yukarıdaki boşluğu yapmaz.kodları görmeden bir şey diyemeyiz tam olarak.yada anlattığım mantıkla yapacaksın ana iki tablo oluşturacaksın dikeyde istediğin şeyleri ekle.Bu sayede aynı hizada olmazlar büyüklüklere göre boşluk yaparlar.
Tüm Destek Forumun Kuralları
Görevli Kuralları
Ücretli Mybb Tema Tasarım ve Kodlama , Bootstrap(html/css) duyarlı kodlamalar Yapılır.
Prof. Dr. MyBB Öğretmeni kaRanLık-61( Mustafa SEVİM )[ 2010-2022 => 10TL'de 12 Sene ]
İki Tarafta Zifiri kaRanLık




Mutlu Son İstiyorsan Çabalamalısın. Sadece Oturduğu Yerden Başarıya ulaşan varlık tavuktur. Bir Kurt Asla Evcilleşip Köpek Olmaz...
WWW Ara
Cevapla PGM
Teşekkür verenler:
Ainsworth Çevrimdışı
Emektar
Yorum Sayısı: 2,742
Konu Sayısı: 183
Üyelik Tarihi: 09-05-2015
Rep Puanı: 199
Teşekkürler: 60
100 mesaj içinde 978 teşekkür verildi.

Kullanıcı Adı Değişiklikleri: Ainsworth
SanalPara (SP): 28 SP
#6
18-10-2017 Saat: 23:29 (Son Düzenleme: 18-10-2017 Saat: 23:34, Düzenleyen: Ainsworth.)
Her satırdaki tabloları HTML'de bir Div etiketinin içine alıp, Bu etiketin Display özelliğini Flex (display: flex), tabloların da flex özelliğini 1 (flex: 1 (IE 10 için -ms-flex, Safari 6.1+ için -webkit-flex)) yapabilirsiniz.

Şöyle bir örnek yaptım kısaca;

Kod:
https://codepen.io/ainsworth/pen/KXJpwy
atakaj
"I am constantly torn between killing myself or everyone around me."
Ara
Cevapla PGM
Teşekkür verenler:
Vortéx! Çevrimdışı
Kullanıcı
Yorum Sayısı: 1,363
Konu Sayısı: 236
Üyelik Tarihi: 28-04-2012
Rep Puanı: 8
Teşekkürler: 1
2 mesaj içinde 15 teşekkür verildi.

Kullanıcı Adı Değişiklikleri: Vortéx!
SanalPara (SP): 24 SP
#7
18-10-2017 Saat: 23:33
@Ainsworth codepen'den bir örnek atar mısınız? Yazılımcıyım ama HTML & CSS hiç anlamıyorum bir örnek atarsanız sevinirim.
Ara
Cevapla PGM
Teşekkür verenler:
Ainsworth Çevrimdışı
Emektar
Yorum Sayısı: 2,742
Konu Sayısı: 183
Üyelik Tarihi: 09-05-2015
Rep Puanı: 199
Teşekkürler: 60
100 mesaj içinde 978 teşekkür verildi.

Kullanıcı Adı Değişiklikleri: Ainsworth
SanalPara (SP): 28 SP
#8
18-10-2017 Saat: 23:34
(18-10-2017 Saat: 23:33)Vortéx! Nickli Kullanıcıdan Alıntı: @Ainsworth codepen'den bir örnek atar mısınız? Yazılımcıyım ama HTML & CSS hiç anlamıyorum bir örnek atarsanız sevinirim.

Güncelledim yazımı.
atakaj
"I am constantly torn between killing myself or everyone around me."
Ara
Cevapla PGM
Teşekkür verenler:
#Power Çevrimdışı
ETERNITY TOO SHORT
Yorum Sayısı: 11,530
Konu Sayısı: 641
Üyelik Tarihi: 27-09-2013
Rep Puanı: 522
Teşekkürler: 7
128 mesaj içinde 933 teşekkür verildi.

Kullanıcı Adı Değişiklikleri: #Power
SanalPara (SP): 1,297 SP
#9
18-10-2017 Saat: 23:35
(18-10-2017 Saat: 23:29)Ainsworth Nickli Kullanıcıdan Alıntı: Her satırdaki tabloları HTML'de bir Div etiketinin içine alıp, Bu etiketin Display özelliğini Flex (display: flex), tabloların da flex özelliğini 1 (flex: 1 (IE 10 için -ms-flex, Safari 6.1+ için -webkit-flex)) yapabilirsiniz.

Şöyle bir örnek yaptım kısaca;

Kod:
https://codepen.io/ainsworth/pen/KXJpwy

Vay be mağaradayız display: flex sevdim bunu
Ara
Cevapla PGM
Teşekkür verenler:
Vortéx! Çevrimdışı
Kullanıcı
Yorum Sayısı: 1,363
Konu Sayısı: 236
Üyelik Tarihi: 28-04-2012
Rep Puanı: 8
Teşekkürler: 1
2 mesaj içinde 15 teşekkür verildi.

Kullanıcı Adı Değişiklikleri: Vortéx!
SanalPara (SP): 24 SP
#10
19-10-2017 Saat: 00:10
Themeforest'taki satın aldığım satıcı destek sağladı yinede saolun. Teşekkürler!
Ara
Cevapla PGM
Teşekkür verenler:
cKaan İzinli
 ⭐️ Parlak Üye ⭐️
Yorum Sayısı: 1,181
Konu Sayısı: 186
Üyelik Tarihi: 29-08-2017
Rep Puanı: 47
Teşekkürler: 17
14 mesaj içinde 464 teşekkür verildi.

Kullanıcı Adı Değişiklikleri: cKaan
SanalPara (SP): 3,256 SP
#11
19-10-2017 Saat: 01:19 (Son Düzenleme: 19-10-2017 Saat: 01:27, Düzenleyen: cKaan.)
//edit. Yanlış cevap. Özür dilerim.
Ara
Cevapla PGM
Teşekkür verenler:
rayray93 Çevrimdışı
Yasaklı
Yorum Sayısı: 5,930
Konu Sayısı: 536
Üyelik Tarihi: 23-11-2011
Teşekkürler: 3
6 mesaj içinde 437 teşekkür verildi.

Kullanıcı Adı Değişiklikleri: rayray93
SanalPara (SP): 261 SP
#12
19-10-2017 Saat: 16:30
(18-10-2017 Saat: 23:20)Vortéx! Nickli Kullanıcıdan Alıntı: Ama bu seferde kısa yazılarda iğrenç bir boşluk oluşuyor. Bunu nasıl çözerim şefim? :D

px yerine % oran ile yükseklik değeri vermeyi dene. padding değeri ekleyip yüksekliği auto da yapabilirsin
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



***

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping