Attached is my attempt at converting the tables to CSS as well as updated PNGs with solid backgrounds. I will continue this work if Luis finds it satisfactory. Looks pretty decent in links, IMHO. -- Steve Fox http://k-lug.org
Index: simple-bug-guide.cgi
===================================================================
RCS file: /cvs/gnome/bugzilla/simple-bug-guide.cgi,v
retrieving revision 1.4
diff -u -r1.4 simple-bug-guide.cgi
--- simple-bug-guide.cgi 19 Jun 2002 02:25:14 -0000 1.4
+++ simple-bug-guide.cgi 20 Jun 2002 02:27:50 -0000
@@ -32,40 +32,50 @@
#FIXME: we need to autogenerate the product list, maybe?
print<<FIN;
+<style type="text/css">
+<!--
+
+ table.pretty {
+ border-color: #000000;
+ border-width: 1pt;
+ border-style: solid;
+ background-color: #ECECEC;
+ }
+
+ td.pretty {
+ padding: 20pt;
+ }
+
+-->
+</style>
+
<body bgcolor="#ffffff" text="#000000">
<center><h1>Submitting a GNOME2 Bug Report</h1>(in just a few simple steps)</center><br>
<center>
A <a href="enter_bug.cgi">more sophisticated bug submission interface</a> is also available.
</center>
<br>
-<table border="0" cellpadding="0" cellspacing="0" align="center" width="770">
-<tr bgcolor="#000000"> <td align="center">
-<table border="0" cellspacing="1" cellpadding="0" width="100%">
-<tr bgcolor="#ECECEC"> <td align="left">
-<table cellpadding="20" cellspacing="0" border="0"><tr>
-<td><img src="one.png" border=0></td>
-<td align=left width=400 colspan=2>
- If you have not already done so, <a href="createaccount.cgi">create a Bugzilla account</a> by giving us a valid email address. This is necessary before you do anything else with Bugzilla, but only requires entry of a valid email address.
+
+<form method=post action="simple-bug-guide.cgi">
+
+<table class="pretty" align="center" width="95%">
+<tr>
+<td class="pretty" width="64"><img src="one.png" height="64" width="64" alt="Step 1" border="0"></td>
+<td class="pretty">
+If you have not already done so, <a href="createaccount.cgi">create a Bugzilla account</a> by giving us a valid email address. This is necessary before you do anything else with Bugzilla, but only requires entry of a valid email address.
</td>
-</tr></table>
-</td> </tr>
-</table>
-</td> </tr>
+</tr>
</table>
<br><br>
-<table border="0" cellpadding="0" cellspacing="0" align="center" width="770">
-<tr bgcolor="#000000"> <td align="center">
-<table border="0" cellspacing="1" cellpadding="0" width="100%">
-<tr bgcolor="#ECECEC"> <td align="left">
-<table cellpadding="20" cellspacing="0" border="0"><tr>
-<td><img src="two.png" border=0></td>
-<td align=left width=200>
+<table class="pretty" align="center" width="95%">
+<tr>
+<td class="pretty" width="64"><img src="two.png" height="64" width="64" alt="Step 2" border="0"></td>
+<td class="pretty" width="200">
Which product is this bug in? Select a product from the list on the right.<p>This page is only for core <b>GNOME2 end-user applications</b>- if you're looking for a library, or for a more complete listing of libraries and applications, or to file a bug against a GNOME1.4 version of this page, please use our <a href="enter_bug.cgi">general bug submission form.</a>
-
-</td><td align=left>
-<form method=post action="simple-bug-guide.cgi">
+</td>
+<td>
<select name='product' SIZE=10 onchange=0>
<option VALUE='control-center'>Control Center
<option VALUE='EOG'>Eye of GNOME
@@ -88,27 +98,24 @@
<option VALUE='nautilus'>Nautilus
<option VALUE='control-center'>Preferences
<option VALUE='sawfish'>Sawfish Window Manager
+</select>
</td>
-</tr></table>
-</td> </tr>
+</tr>
</table>
-</td> </tr>
-</table>
-</td><td>
+
<br><br>
-<table border="0" cellpadding="0" cellspacing="0" align="center" width="770">
-<tr bgcolor="#000000"> <td align="center">
-<table border="0" cellspacing="1" cellpadding="0" width="100%">
-<tr bgcolor="#ECECEC"> <td align="center"
-<table cellpadding="20" cellspacing="0" border="0"><tr><td align="center">
+
+<table class="pretty" align="center" width="95%">
+<tr>
+<td class="pretty">
<center>Once you're done selecting a product, hit the button.<br><br>
<input type=submit value="Next Page"></center>
</td>
-</tr></table>
-</td> </tr>
-</table>
-</td> </tr>
+</tr>
</table>
+
+</form>
+
<br>
FIN
}
@@ -123,43 +130,37 @@
<form method=post action="simple-bug-guide.cgi">
<input type=hidden name=product value="$product">
-<table border="0" cellpadding="0" cellspacing="0" align="center" width="770">
-<tr bgcolor="#000000"> <td align="center">
-<table border="0" cellspacing="1" cellpadding="0" width="100%">
-<tr bgcolor="#ECECEC"> <td align="left">
-<table cellpadding="20" cellspacing="0" border="0"><tr>
-<td><img src="three.png" border=0></td>
-<td align="left">
+<table class="pretty" align="center" width="95%">
+<tr>
+<td class="pretty" width="64"><img src="three.png" height="64" width="64" alt="Step 3" border="0"></td>
+<td class="pretty">
FIN
-print "<B>What component of $product is the bug in? <A HREF=\"describecomponents.cgi?product=" . url_quote($product) . "\">A description of the various components is here.</A> If you're not sure, take your best guess.</B></TD>\n<TD ROWSPAN=2 VALIGN=top>".make_popup('component', $::components{$product}, '', 1, 0);
+print "<B>What component of $product is the bug in? <A HREF=\"describecomponents.cgi?product=" . url_quote($product) . "\">A description of the various components is here.</A> If you're not sure, take your best guess.</B></td>\n<td class=\"pretty\">".make_popup('component', $::components{$product}, '', 1, 0);
print<<FIN;
</td>
-</tr></table>
-</td> </tr>
-</table>
-</td> </tr>
+</tr>
</table>
+
<br><br>
-<table border="0" cellpadding="0" cellspacing="0" align="center" width="770">
-<tr bgcolor="#000000"> <td align="center">
-<table border="0" cellspacing="1" cellpadding="0" width="100%">
-<tr bgcolor="#ECECEC"> <td align="center"
-<table cellpadding="20" cellspacing="0" border="0"><tr><td align="center">
+
+<table class="pretty" align="center" width="95%">
+<tr>
+<td class="pretty">
<center>Once you've selected a component from the list above, hit the button.<br><br>
-<input type=submit value="Next Page"></center>
+<input type="submit" value="Next Page"></center>
</td>
-</tr></table>
-</td> </tr>
-</table>
-</td> </tr>
+</tr>
</table>
+
+</form>
+
<br>
FIN
}
-#do we have a produce and a component? But we haven't done a search yet?
+#do we have a product and a component? But we haven't done a search yet?
if((defined $product)&&(defined $component)&&(!defined $search))
{
PutHeader("Simple GNOME Bug Form: Page Three",'');
Attachment:
one.png
Description: PNG image
Attachment:
two.png
Description: PNG image
Attachment:
three.png
Description: PNG image
