Post by Weaselbug on Feb 13, 2019 13:26:38 GMT -8
Hi there! I just recently decided to return to CSS and give it another try. I've been making templates, but I ran into a couple of problems.
The images are cropped to fit the td dimensions, but there's still tiling as you can see. Is it because of padding? Should I just use bigger images to make up for the space?
On top of that, overflow:auto isn't working for me. I'd really like to be able to add scroll to some of them. I have height values in place, but it still won't scroll.
Any help is appreciated. Thanks in advance!
The images are cropped to fit the td dimensions, but there's still tiling as you can see. Is it because of padding? Should I just use bigger images to make up for the space?
On top of that, overflow:auto isn't working for me. I'd really like to be able to add scroll to some of them. I have height values in place, but it still won't scroll.
|
[div align="center"][table style="height:500px;width:400px;"][tbody][tr][td style="height:100px;padding:10px;background-image:url(https://i.imgur.com/4mOmfws.png);"][div align="center"][table style="width:400px;padding:10px;border-collapse:separate;border-spacing:10px;"][tbody][tr][td style="width:100px;height:50px;background-image:url(https://i.imgur.com/Ay8uTNk.gif);background-position:center center;"][/td][td style="width:100px;height:50px;background-image:url(https://i.imgur.com/Ay8uTNk.gif);background-position:center center;"][/td][td style="width:100px;height:50px;background-image:url(https://i.imgur.com/Ay8uTNk.gif);background-position:center center;"][/td][/tr][/tbody][/table][/div]
[/td][/tr][tr][td style="padding:10px;background-color:hotpink;"][div align="center"][table style="height:300px;width:350px;overflow:auto;background-color:deepskyblue;border:double 10px white;font-size:11px;text-align:justify;font-family:georgia;"][tbody][tr][td style="padding:10px;"][font color="navy"]Nec sapien potenti natoque nunc. Feugiat erat mi fusce pellentesque turpis aptent enim dictumst ut suspendisse magna malesuada eu laoreet purus suspendisse viverra pulvinar auctor sed. Hendrerit hendrerit, class vel class auctor dictum phasellus blandit.
Tristique sem nibh erat per accumsan ac vehicula nascetur platea velit. Metus, nisl ante cras malesuada fusce, praesent risus, gravida, hendrerit dolor iaculis luctus a dis donec magna neque. Felis nonummy.
Mattis elit, at tellus nam, curabitur dapibus integer aenean potenti suspendisse quam semper facilisi lacus dis luctus, integer penatibus maecenas. Etiam aptent vehicula. Netus parturient quisque inceptos. Ipsum feugiat. Nisi consequat, commodo, convallis tortor.
Nostra luctus. Mollis eros et. Risus tempus netus pretium lacinia sem pulvinar congue per cras morbi justo. Posuere cras pede velit blandit duis cum accumsan hymenaeos at elit auctor. Fusce lectus placerat.
Est, parturient aptent tellus. Venenatis accumsan platea rhoncus hymenaeos fermentum curae; aliquet augue pharetra elementum. Quisque eleifend nisl mi est arcu sit phasellus tempus neque lobortis varius.
Litora eleifend elementum faucibus pharetra condimentum volutpat tincidunt, convallis at pulvinar arcu ut proin inceptos duis dapibus sem sem habitant tempor nec elementum duis pulvinar duis blandit mattis fames iaculis id in nibh mattis litora curabitur Sagittis tincidunt ornare sagittis eget.[/font][/td][/tr][/tbody][/table][/div]
[/td][/tr][/tbody][/table]
[/div]
Any help is appreciated. Thanks in advance!