Template talk:Species Datasheet

From VsWiki
Revision as of 21:05, 10 June 2005 by Pirx (talk | contribs) (Datasheet mockup 2: fixed table offset)
Jump to: navigation, search

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

grey_blue_top_left.gif Species datasheet grey_blue_top_right.gif
grey_blue_top_left.gif Species datasheet grey_blue_top_right.gif
{{{name}}}
Homeworld (Origin) {{{homeworld}}}
Age of species {{{age of species}}}
Physical characteristics {{{physical_characteristics}}}
Life span {{{lifespan}}}
Habitat {{{habitat}}}
Number scheme {{{number scheme}}}
bottom_left.gif bottom_right.gif





















Datasheet mockup 2

grey_blue_top_left.gif middle1 Species data grey_blue_top_right.gif
{{{name}}}
Homeworld (Origin) {{{homeworld}}}
Age of species {{{age of species}}}
Physical characteristics {{{physical_characteristics}}}
Life span {{{lifespan}}}
Habitat {{{habitat}}}
Number scheme {{{number scheme}}}
bottom_left.gif bottom_center.gif bottom_right.gif





















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>