Difference between revisions of "Template talk:Species Datasheet"
(→Datasheet mockup 2) |
(→Datasheet mockup 2) |
||
| Line 46: | Line 46: | ||
{|border="0" cellpadding="0" cellspacing="0" width="100%"| | {|border="0" cellpadding="0" cellspacing="0" width="100%"| | ||
| width="01%" | http://vegastrike.sourceforge.net/images/grey_blue_top_left.gif | | width="01%" | http://vegastrike.sourceforge.net/images/grey_blue_top_left.gif | ||
| − | | width="98%" | + | | width="98%" style="text-align: center; background-image: url(http://vegastrike.sourceforge.net/images/grey_blue_center.gif) | <font color="#ffffff">middle1</font> '''[[Species]] data''' |
| width="01%" | http://vegastrike.sourceforge.net/images/grey_blue_top_right.gif | | width="01%" | http://vegastrike.sourceforge.net/images/grey_blue_top_right.gif | ||
|} | |} | ||
| Line 84: | Line 84: | ||
|} | |} | ||
|} | |} | ||
| + | <BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/> | ||
=the HTML code i want to imitate (reminder for myself)= | =the HTML code i want to imitate (reminder for myself)= | ||
Revision as of 02:29, 11 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)
- My second approach (Mockup 2) seems to be more similar with the vegastrike homepage, but the problem with the "background-image:url(xxx);" remains --Pontiac 12:13, 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>
