Difference between revisions of "Template talk:Species Datasheet"
(→Datasheet mockup 2) |
(→Datasheet mockup 2) |
||
| Line 43: | Line 43: | ||
{|style="float:right; margin-left:1em; width:25em;"| | {|style="float:right; margin-left:1em; width:25em;"| | ||
| | | | ||
| − | {|width="100%"| | + | {|border="0" cellpadding="0" cellspacing="0" width="100%"| |
| − | |width="1%"| | + | |width="1%"| http://vegastrike.sourceforge.net/images/grey_blue_top_left.gif |
| − | |style="text-align:center;"| middle1 '''[[Species]] data''' | + | |style="text-align:center;" background="http://vegastrike.sourceforge.net/images/grey_blue_center.gif"| <font color="#ffffff">middle1</font> '''[[Species]] data''' |
| − | |width="1%"| | + | |width="1%"| http://vegastrike.sourceforge.net/images/grey_blue_top_right.gif |
|} | |} | ||
|- | |- | ||
| Line 77: | Line 77: | ||
|- | |- | ||
| | | | ||
| − | {|width="100%"| | + | {|border="0" cellpadding="0" cellspacing="0" width="100%"| |
| − | |width="1%"| | + | |width="1%" | http://vegastrike.sourceforge.net/images/bottom_left.gif |
| − | | middle2=empty | + | |align="center" background="http://vegastrike.sourceforge.net/images/bottom_center.gif"| <!-- middle2=empty --> |
| − | |width="1%"| | + | |width="1%"| http://vegastrike.sourceforge.net/images/bottom_right.gif |
|} | |} | ||
|} | |} | ||
Revision as of 20:33, 10 June 2005
Contents
Talk
- I am trying to imitate the page-style of the vegastrike homepage here.
Why doesn't the second header line (the one with the background-image) work?
I'm no CSS coder, but i think the first line (class="vs_header_topmiddle") would be better (How di i do that in mediawiki?) --Pontiac 09:46, 10 Jun 2005 (PDT)
Datasheet mockup 1
|
Species datasheet | 
|
|
Species datasheet |
|
| {{{name}}} | |||||
|---|---|---|---|---|---|
| Homeworld (Origin) | {{{homeworld}}} | ||||
| Age of species | {{{age of species}}} | ||||
| Physical characteristics | {{{physical_characteristics}}} | ||||
| Life span | {{{lifespan}}} | ||||
| Habitat | {{{habitat}}} | ||||
| Number scheme | {{{number scheme}}} | ||||
|
| ||||
Datasheet mockup 2
| |||||||||||||||
| |||||||||||||||
| |||||||||||||||
the HTML code i want to imitate (reminder for myself)
<html xmlns="http://www.w3.org/1999/xhtml"> <body> <!-- top --> <table valign="top" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td width="1%"><img src="images/grey_blue_top_left.gif" height="22" width="28"></td> <td background="/images/grey_blue_center.gif" width="98%"><strong><font color="#ffffff">News</font></strong></td> <td width="1%"><img src="images/grey_blue_top_right.gif"></td> </tr> </tbody> </table> <!-- middle --> <table border="1" bordercolor="#000000" cellpadding="5" cellspacing="0" width="100%"> <tbody> <tr> <td bordercolor="#000000" bgcolor="#ffffff" valign="top" width="100%"> xxx </td> </tr> </tbody> </table> <!-- bottom --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td height="7" width="1%"><img src="images/bottom_left.gif" height="7" width="20"></td> <td background="/images/bottom_center.gif" height="7" width="98%"><div align="center"><img src="images/bottom_center.gif" height="7" width="72"></div></td> <td height="7" width="1%"><img src="images/bottom_right.gif" height="7" width="20"></td> </tr> </tbody> </table> </body> </html>
