User:Eabrace/Sandbox

From Ouroboros Portal
Jump to: navigation, search

Experiments

Experiment #1

Question:

Can a wikitable be created with a background image?


CSS for background images:

background-image:url('<image>')


Test image:

OSI_ID.jpg


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.

th_B_Samson.jpg

B. Samson
DIRECTOR
Archetypeicon tanker.png Originicon natural.png Invulnerability ResToPhysicalDmg.png SuperStrength Jab.png
Date of Activation: 2004 DEC 06
@B Samson

Badge respec stalwart.pngBadge respec statesman.pngBadge respec freedom.png

Badge task force 01.pngBadge task force 02.pngBadge task force 03.png

Badge task force 04.pngBadge task force 05.pngBadge task force 06.png

Badge task force HonoraryPeacebringer.pngBadge council robot.pngBadge croatoa cabalist.pngBadge temporal strife.pngBadge task force PSmasher.pngBadge task force DestroyerOfStrength.pngBadge task force ProtectorOfKindness.pngBadge task force SlayerOfMadness.pngBadge task force apocalyptic.pngBadge defeatrecluse.pngBadge task force master statesman.png

Badge trial zone 01.pngBadge trial zone 01.pngBadge trial zone 01.png

th_BADGE_OSI_Activity.jpg

Experiment #3

Line spacing between badge rows using CSS font-size and line-height properties.

Badge respec stalwart.pngBadge respec statesman.pngBadge respec freedom.png

Badge task force 01.pngBadge task force 02.pngBadge task force 03.png

Badge task force 04.pngBadge task force 05.pngBadge task force 06.png

Badge task force HonoraryPeacebringer.pngBadge council robot.pngBadge croatoa cabalist.pngBadge temporal strife.pngBadge task force PSmasher.pngBadge task force DestroyerOfStrength.pngBadge task force ProtectorOfKindness.pngBadge task force SlayerOfMadness.pngBadge task force apocalyptic.pngBadge defeatrecluse.pngBadge task force master statesman.png

Badge trial zone 01.pngBadge trial zone 01.pngBadge trial zone 01.png

th_BADGE_OSI_Activity.jpg

Experiment #4

Using Div tags to create an overlay.

OSI_ID.jpg

<TR> <TD>

th_B_Samson.jpg

B. Samson
DIRECTOR
Archetypeicon tanker.png Originicon natural.png Invulnerability ResToPhysicalDmg.png SuperStrength Jab.png
Date of Activation: 2004 DEC 06
@B Samson

</TD> </TR>

<TR> <TD>

Badge respec stalwart.pngBadge respec statesman.pngBadge respec freedom.png

Badge task force 01.pngBadge task force 02.pngBadge task force 03.png

Badge task force 04.pngBadge task force 05.pngBadge task force 06.png

Badge task force HonoraryPeacebringer.pngBadge council robot.pngBadge croatoa cabalist.pngBadge temporal strife.pngBadge task force PSmasher.pngBadge task force DestroyerOfStrength.pngBadge task force ProtectorOfKindness.pngBadge task force SlayerOfMadness.pngBadge task force apocalyptic.pngBadge defeatrecluse.pngBadge task force master statesman.png

Badge trial zone 01.pngBadge trial zone 01.pngBadge trial zone 01.png

th_BADGE_OSI_Activity.jpg

</TD> </TR>