Mathmagician Wiki
Advertisement
This is a test page. Anyone is free to use the code or examples on this page if they're at all helpful.
For a full list of test pages on the Mathmagician Wiki, see Category:Test pages.
Comment: Related thread: Thread:2249
You can frame a table with an image using the background-image property



Hey this is some stuff inside a table. Feel free to edit the style attribute of this table to see how changing some CSS affects things.



You may need to purge MediaWiki:Common.css page in order to see the background-image on this table.



When doing this, you'll want to edit your image in photoshop so that it perfectly fits the dimensions of your table. In this example, the image is at File:Odranoelluta image border.png and is 512 × 530 pixels. But the table itself is NOT 512 × 530 pixels, so things look all screwy.



Note: You can't set the background image with inline CSS. You'll need to be an admin on your wiki so that you can edit MediaWiki:Common.css to apply the necessary CSS rules.



See how the image is repeating itself? That kind of thing can happen if the image doesn't fit the size of the table. But you can use background-repeat: no-repeat; to disable the repeating of the background image. More info at http://w3schools.com/css/css_background.asp


Advertisement