Difference between revisions of "Template talk:Species Datasheet"

From VsWiki
Jump to: navigation, search
(questions about pagestyle/css)
 
(the HTML code i want to imitate (reminder for myself))
Line 38: Line 38:
 
|style="width:1%" | http://vegastrike.sourceforge.net/images/bottom_right.gif
 
|style="width:1%" | http://vegastrike.sourceforge.net/images/bottom_right.gif
 
|}
 
|}
 +
 +
== the HTML code i want to imitate (reminder for myself) ==
 +
 +
<pre>
 +
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<body>
 +
<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>
 +
<table border="1" bordercolor="#000000" cellpadding="5" cellspacing="0" width="100%">
 +
<tbody>
 +
<tr>
 +
<td bordercolor="#000000" bgcolor="#ffffff" valign="top" width="100%"><br>
 +
</td>
 +
</tr>
 +
</tbody>
 +
</table>
 +
<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>
 +
<br>
 +
</body>
 +
</html>
 +
</pre>

Revision as of 19:58, 10 June 2005

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

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

the HTML code i want to imitate (reminder for myself)

<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<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>
<table border="1" bordercolor="#000000" cellpadding="5" cellspacing="0" width="100%">
<tbody>
<tr>
<td bordercolor="#000000" bgcolor="#ffffff" valign="top" width="100%"><br>
</td>
</tr>
</tbody>
</table>
<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>
<br>
</body>
</html>