Kod Düzenlemesi

Arkadaşlar Merhaba.

Websitem için elimde bir modül ve tablo kodu var.
Ben bu kodu istediğim gibi düzenleyemiyorum yardımcı olabilecek olan varmı?

Yapmak istediğim şey.

Resimde turuncu ok ile gösterilen tablo çizgilerinin görünmez olmasını istiyorum.
Aynı zamanda siyah ok ile gösterdiğim şekildeki resim boyutu ile tüm resimleri aynı boyutta yapmak istiyorum.

Ayrıca bir başka yapmak istediğim ise, sayfanın alt kısmına sayfa arasına geçiş eklemek

Normal hali:

Mouse üzerine gelip tıklanınca:

Acil html kodu ile bana yardımcı olabilecek varmı? ya da kullanımı kolay plugin modül de olabilir. Bu arada sitede joomla kurulu. Joomlanın modülü varsa bunlarla ilgili ekleyebilirim.

Tablodaki boş kısımların html etiketini silerek o boş kısımları silmiş olursun ve böylece o boş çizgiler gözükmez. Tabloların html yapısını buradan kolayca görebilirsin: https://www.w3schools.com/html/tryit.asp?filename=tryhtml_table

2. sorunda ise css'in hover etiketi ile bu işi çözebilirsin.
Örneğin sayfa numaraları .pNumber adlı css etiketi ile adlandırılmış olsun.
Buna
.pNumber:hover {background: red}
şeklinde bir ekstra css tanımlaması yaparsan üzerine gelince o etikete tanımlı kısım kırmızı arkaplana sahip olacaktır.

AhmetCakmak34 Yorumunuz için teşekkür ederim. benim elimde bir modül var benim asıl yapmak istediğim sayfa içerisinde tablo oluşturup tablonun üstüne resim ekleyip altına yazı yazıp, tabloyu gizlemek ardından joomla panelinden yüklemiş olduğum bir modül var tablo kodunun içerisinde bu modül kodunu nasıl kullanabilirim? bu modül resmin üzerine tıklayınca resmi büyütüyor.

Modül kodu:
{lightgallery galleryName=gallery1 type=url path=resim adresi" previewHeight=200}Mobilya İsmi 1{/lightgallery}

bu kodu tablonun içerisinde bulunan resme nasıl ekleyebilirim?

tablo içerisine resim eklediğimde kod böyle oluyor :

Modül dosyalarını gönderebilirim dilerseniz.