Html tablonun içi boşken hücrelerin kayması

Legandalith

Üye
Üye
Mesaj
134
Çözümler
5
Beğeni
135
Puan
769
Merhaba arkadaşlar, konu başlığında dediğim doğru mu bilmiyorum ama sorunum şöyle,

Tablo da hücrelere fotoğraf çektiriyorum, bu metin2 equipment kısmının tablosu, fakat mesela zırh ile kask takılı değilse kalkan, bilezik ve küpe kolye hücreleri sola kayıyor. Tablonun içi boşkende yerinde kalmasını nasıl yapabilirim? Placeholder hücresi denedim yani eğer py tarafından veri gelmiyorsa fotoğrafın olmadığı aynı boyutta bir hücre yap gibisinden şeyler yaptım fakat ne yaptıysam olmadı. Çok şey denedim, büyük ihtimalle bilgisizliğimden kolay bi yolu vardır diye düşünüyorum fakat araştırmama rağmen bulamadım.

HTML:
<table style="height: 183px; width: 153px; background-image: url(/static/background.jpg); background-repeat: no-repeat; border-color: #194f6b; background-color: #dddddd; margin-left: auto; margin-right: auto;">
    <thead>
      <tr>
                <th rowspan="3" style="height: 102px; width: 34px;"><img src="{{ item.image_url }}" /></th>
        <th style="height: 34px; width: 31px;"><img src="{{ item.image_url }}" /></th>
        <th style="height: 34px; width: 31px;"></th>
        <th style="height: 34px; width: 31px;">&nbsp;</th>
      </tr>
      <tr>
        <th rowspan="2" style="height: 68px; width: 31px;"><img src="{{ item.image_url }}" /></th>
        <th style="height: 34px; width: 31px;"><img src="{{ item.image_url }}" /></th>
        <th style="height: 34px; width: 31px;"><img src="{{ item.image_url }}" /></th>
      </tr>
      <tr>
        <td style="height: 34px; width: 31px;"><img src="{{ item.image_url }}" /></th>
        <td style="height: 34px; width: 31px;"><img src="{{ item.image_url }}" /></th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td rowspan="2" style="height: 68px; width: 31px;">&nbsp;</td>
        <td style="height: 34px; width: 31px;"><img src="{{ item.image_url }}" /></td>
        <td rowspan="2" style="height: 68px; width: 31px;">&nbsp;</td>
        <td rowspan="2" style="height: 68px; width: 31px;">&nbsp;</td>
      </tr>
      <tr>
        <th style="height: 34px; width: 31px;"><img src="{{ item.image_url }}" /></td>
      </tr>
    </tbody>
    </table>

Html konusunda bilgi sahibi değilim, bu yüzden internetten baka baka yapmaya çalıştım, bunun mantığı nedir nasıl düzeltilir bunu öğrenmek istiyorum. Yukarıdaki html içinde normalde for ve if döngüleri var fakat daha rahat anlaşılması için temizledim, {{ item.image_url }} kısımları metin2 de equipment eşya yerlerini temsil ediyor.

Yardımcı olursanız gerçekten çok sevinirim. Son olarak sorunun daha net anlaşılabilmesi için;




itemvarken.jpg
itemyokken.jpg


Silahta takılı değilse hepsi sola kayıyor.
 
Herhangi bir şey takılı değilse oraya şeffaf bir resim ekleyebilirsiniz
 
Geri
Üst