User:Eabrace/Sandbox
Contents
Experiments
Experiment #1
Question:
Can a wikitable be created with a background image?
CSS for background images:
background-image:url('<image>')
Test image:
Test table code:
{| style="width:75%; height:200px; background-image:url('http://img.photobucket.com/albums/v623/cohosi/badges/OSI_ID.jpg')" border="1" |- |Test |}
Test table:
Test |
Test table code (without background image specification):
{| style="width:75%; height:200px" border="1" |- |Test |}
Test table:
Test |
Suggestion from Titan forums
<table style="background: url(http://img.photobucket.com/albums/v623/cohosi/badges/OSI_ID.jpg) center center no-repeat transparent;width:450px;height:320px;border: solid 1px #000000;border-collapse: collapse;"> <tr> <td>sd54f6s5df4 s5df4s6d5f4<br /><br /><br /><br />S4d6f5</td> </tr> </table>
sd54f6s5df4
s5df4s6d5f4 S4d6f5 |
Removing background image from code:
<table style=";width:450px;height:320px;border: solid 1px #000000;border-collapse: collapse;"> <tr> <td>sd54f6s5df4 s5df4s6d5f4<br /><br /><br /><br />S4d6f5</td> </tr> </table>
sd54f6s5df4
s5df4s6d5f4 S4d6f5 |
Conclusion:
It would appear that wikitables do not allow background images. Either that or this just isn't the right way to make it work. Based on the loss of size formatting in the first table, it would seem that inserting the background image specification invalidates the entire style spec.
Further reading from outside sources indicates that MediaWiki invalidates style tags with "url" components.
Experiment #2
Using an HTML table with wiki images.
|
||
|
Experiment #3
Line spacing between badge rows using CSS font-size and line-height properties.