Difference between revisions of "User:Eabrace/Sandbox"

From Ouroboros Portal
Jump to: navigation, search
m (experiment with table formatting)
 
(experiments 2 and 3)
Line 45: Line 45:
  
 
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.
 
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.
 +
 +
 +
== Experiment #2 ==
 +
Using an HTML table with wiki images.
 +
 +
<CENTER>
 +
<TABLE WIDTH=375 HEIGHT=320 BACKGROUND="http://img.photobucket.com/albums/v623/cohosi/badges/OSI_ID.jpg">
 +
<TR>
 +
<TD>
 +
<TABLE WIDTH=100%>
 +
<TR>
 +
<TD HEIGHT=160  WIDTH=160>
 +
 +
<CENTER>
 +
http://smg.photobucket.com/albums/v623/cohosi/roster/th_B_Samson.jpg
 +
</CENTER>
 +
</TD>
 +
 +
<TD>
 +
<CENTER>
 +
<FONT SIZE = "+2">
 +
<B>B. Samson</B>
 +
 +
</FONT>
 +
<BR>DIRECTOR
 +
<BR>[[File:Archetypeicon tanker.png]]
 +
[[File:Originicon natural.png]]
 +
[[File:Invulnerability ResToPhysicalDmg.png]]
 +
[[File:SuperStrength Jab.png]]
 +
<BR>Date of Activation:  2004 DEC 06
 +
<BR>@B Samson
 +
</CENTER>
 +
</TD>
 +
 +
</TR>
 +
</TABLE>
 +
</TD>
 +
</TR>
 +
 +
<TR>
 +
<TD>
 +
<CENTER>
 +
<FONT SIZE = 0>
 +
[[File:Badge respec stalwart.png|100px]][[File:Badge respec statesman.png|100px]][[File:Badge_respec_freedom.png|100px]]
 +
 +
[[File:Badge task force 01.png|100px]][[File:Badge task force 02.png|100px]][[File:Badge task force 03.png|100px]]
 +
 +
[[File:Badge task force 04.png|100px]][[File:Badge task force 05.png|100px]][[File:Badge task force 06.png|100px]]
 +
 +
[[File:Badge task force HonoraryPeacebringer.png|25px]][[File:Badge croatoa cabalist.png|25px]][[File:Badge council robot.png|25px]][[File:Badge task force PSmasher.png|25px]][[File:Badge task force DestroyerOfStrength.png|25px]][[File:Badge task force ProtectorOfKindness.png|25px]][[File:Badge task force SlayerOfMadness.png|25px]][[File:Badge task force apocalyptic.png|25px]][[File:Badge temporal strife.png|25px]][[File:Badge defeatrecluse.png|25px]][[File:Badge task force master statesman.png|25px]]
 +
 +
[[File:Badge trial zone 01.png|25px]][[File:Badge trial zone 01.png|25px]][[File:Badge trial zone 01.png|25px]]
 +
 +
http://smg.photobucket.com/albums/v623/cohosi/badges/th_BADGE_OSI_Activity.jpg
 +
</FONT>
 +
</CENTER>
 +
</TD>
 +
</TR>
 +
</TABLE>
 +
</CENTER>
 +
 +
 +
== Experiment #3 ==
 +
Line spacing between badge rows using CSS font-size and line-height properties.
 +
 +
<div align="center" style="font-size:0; line-height:0;">
 +
[[File:Badge respec stalwart.png|100px]][[File:Badge respec statesman.png|100px]][[File:Badge_respec_freedom.png|100px]]
 +
 +
[[File:Badge task force 01.png|100px]][[File:Badge task force 02.png|100px]][[File:Badge task force 03.png|100px]]
 +
 +
[[File:Badge task force 04.png|100px]][[File:Badge task force 05.png|100px]][[File:Badge task force 06.png|100px]]
 +
 +
[[File:Badge task force HonoraryPeacebringer.png|25px]][[File:Badge croatoa cabalist.png|25px]][[File:Badge council robot.png|25px]][[File:Badge task force PSmasher.png|25px]][[File:Badge task force DestroyerOfStrength.png|25px]][[File:Badge task force ProtectorOfKindness.png|25px]][[File:Badge task force SlayerOfMadness.png|25px]][[File:Badge task force apocalyptic.png|25px]][[File:Badge temporal strife.png|25px]][[File:Badge defeatrecluse.png|25px]][[File:Badge task force master statesman.png|25px]]
 +
 +
[[File:Badge trial zone 01.png|25px]][[File:Badge trial zone 01.png|25px]][[File:Badge trial zone 01.png|25px]]
 +
 +
http://smg.photobucket.com/albums/v623/cohosi/badges/th_BADGE_OSI_Activity.jpg
 +
</div>

Revision as of 15:35, 9 June 2009

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


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.


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 croatoa cabalist.pngBadge council robot.pngBadge task force PSmasher.pngBadge task force DestroyerOfStrength.pngBadge task force ProtectorOfKindness.pngBadge task force SlayerOfMadness.pngBadge task force apocalyptic.pngBadge temporal strife.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 croatoa cabalist.pngBadge council robot.pngBadge task force PSmasher.pngBadge task force DestroyerOfStrength.pngBadge task force ProtectorOfKindness.pngBadge task force SlayerOfMadness.pngBadge task force apocalyptic.pngBadge temporal strife.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