Hei kiitos vastauksista! Kävin päivittämässä uusimpaan versioon. Huomasin samalla että ton clean talkin ilmainen koeaika oli kulunut loppuun, joten asensin uuden vastaavan. Toivotaan että nyt alkais pelittää
Mä en nyt ihan 100% muista, mutta mulla on kaksi vaihtoehtoa
Laita css:aan näin:
table { max-width: 100%; overflow: auto;}
Tai 2.: laita taulukko divin sisään, jolla on toi yllämainittu css. Siten taulukko skrollautuu nätisti eikä venytä
Nyt on määritetty nuo reunat kuvalle, ja overlay, jossa ei ole reunoja on 100% x 100% eli peittää kuvan täysin. Joko täytyy määritellä reunat koko tuolle diville, joka pitää kuvan ja overlayn sisällään, kuvan reunojen sijasta ja pienentää overlay ja kuvan skaalaus siten, että jää muutama pikseli reunoille. Itse lähtisin ehkä määrittelemään .hlista imgin reunat diville .hlista:
border: 1px solid #eee;
padding: 5px;
background:rgba(255,255,255,0.4);
Josko noin toimis Heittelen vain ideoita, ei oo mahdollista päästä testaamaan itse eli ei välttämättä toimi
@birdie https://pastebin.com/vT5WRmzC Tuossa se, minkä irrotin. Äkkiseltään JSFiddlessä testattuna muotoili sinun koodisi saman näköiseksi kuin lainakoodini Liekö tästä yhtään sen enempää apua.
Edit: // Tästä poistettu kaikki ylimääräinen. Luulisin? Tuossa ylemmässä oli jotain otsikoiden muotoiluja.
En tähän hätään jaksa lähtee itse kikkailemaan koodin kanssa, mutta täältä löytyy samanmoista valmista koodia ohjeineen (enkuks tosin) noihin hoverjuttuihin. Ihan samanlainen ei ole, mutta oisko mitään jelppiä?
