I am not very good at html or css yet.
I want to make a table with info on it that can be edited by anyone. It will be on a forum and only certain people will have access to the post. I have made the design of the table, but how could i make a little Code box, so people can just edit what is necessary and click on update, to update the table, not be editing the post though.
I wonder if this is possible?
Thanks in advance
Azriel
Here is the Code:
- Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
table.stats
{text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #fff;
width: 950px;
background-color: #006600;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}
table.stats td
{background-color: #A5A050;
color: #006600;
padding: 4px;
text-align: left;
border: 1px #669933 solid;}
table.stats td.hed
{background-color: #006600;
color: #fff;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;}
p.area
{text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #669933;
width: 278px;
background-color: #666;
border: 1px;
border-collapse: collapse;
margin: 0px;
}
</style>
</head>
<body>
<table class="stats" cellspacing="0">
<tr>
<td class="hed" colspan="5">Latest Updates</td>
</tr>
<tr>
<td>Website</td>
<td>Username</td>
<td>Password</td>
<td>Lest Edited By</td>
<td>Date</td>
</tr>
<tr>
<td>example.com</td>
<td>user1</td>
<td>pw1</td>
<td><p>Mark2</p> </td>
<td>10 - June - '08</td>
</tr>
<tr>
<td>secondexample.com</td>
<td>user2</td>
<td>pw2</td>
<td>Chris1</td>
<td>1 - January - 1987</td>
</tr>
</table>
</body>
</html>
