HTML CSS problem
Hej. Jeg er i gang med en hjemmeside som jeg gerne vil ligge ud på nettet om nogle måneder. Men jeg kan ikke få designet til at fungere. Meningen er at der på min side skal være en border på den <td> der hedder copyright. Men den viser ingenting.Kan i hjælpe mig. Her er HTML koden:
<html>
<head>
<title>Your Wishlist</title>
<link rel="stylesheet" type="text/css" href="tema.css"/>
</head>
<body>
<table class="index" width="800px">
<!-- Header -->
<tr>
<td class="header">
<h1 class="header">Your Wishlist</h1>
<p class="header">Welcome to your wishlist, the place where you store your wishes, as you wish.</p>
</td>
</tr>
<!-- Login -->
<tr>
<td class="login">
<table class="login">
<tr>
<td class="login-head">
<h1 class="login-head">Login</h1>
</td>
</tr>
<tr>
<td class="input-user" width="200px">
<input type="text" name="username" value="Username"></input>
</td>
<td rowspan="2" class="submit" width="50px">
<input type="submit" value="Login"></input>
</td>
</tr>
<tr>
<td class="input-pass">
<input type="password" name="password" value="********"></input>
</td>
</tr>
</table>
</td>
</tr>
<!-- Register -->
<tr>
<td class="register">
<table class="register">
<tr>
<td class="register-head" colspan="2">
<h1 class="register-head">Register</h1>
</td>
</tr>
<tr>
<td class="register-body" colspan="2">
<p class="register-body">Username</p>
<input type="text" name="username" value="Username">
</td>
</tr>
<tr>
<td class="register-body" colspan="2">
<p class="register-body">Password</p>
<input type="password" name="password" value="Password">
</td>
</tr>
<tr>
<td class="register-body" colspan="2">
<p class="register-body">Repeat password</p>
<input type="password" name="passwordrepeat" value="Password">
</td>
</tr>
<tr>
<td class="register-body" colspan="2">
<p class="register-body">Email</p>
<input type="text" name="email" value="example@ex.com">
</td>
</tr>
<tr>
<td class="register-body" colspan="2">
<p class="register-body">Repeat Email</p>
<input type="text" name="emailrepeat" value="example@ex.com">
</td>
</tr>
<tr>
<td class="termsofuse">
<input class="termsofuse" type="checkbox" name="termsofuse">
</td>
<td class="termsofuse">
<p class="termsofuse">"I accept the <a href="termsofuse.php">terms of use</a>."</p>
</td>
</tr>
<tr>
<td class="register-button" colspan="2">
<input type="submit" value="Register">
</td>
</tr>
</table>
</td>
</tr>
<!-- Copyright -->
<tr>
<td class="copyright">
</td>
</tr>
</table>
</body>
</html>
og her er css koden:
/*-- Copyright --*/
td.copyright {
border-top: 1px dotted black;
}
/*-- Header --*/
h1.header {
font-family: "Calibri", calibri;
font-size: 3em;
margin-left: 5px;
margin-bottom: 10px;
padding: 0;
}
p.header {
font-family: "Calibri", calibri;
font-size: 1.2em;
margin-top: 10px;
margin-bottom: 10px;
padding: 0;
}
table.header {
border: 0;
}
/*-- Index --*/
table.index {
max-width: 800px;
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
margin-bottom: 100px;
}
/*-- Login --*/
h1.login-head {
font-family: "Calibri", calibri;
margin: 0;
font-size: 2em;
}
td.login {
border-left: 1px solid black;
border-top: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px dotted black;
padding-bottom: 50px;
padding-top: 50px;
}
table.login {
max-width: 250;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
/*-- Register --*/
input.termsofuse {
margin-top: 22px;
}
h1.register-head {
font-family: "Calibri", calibri;
margin: 0;
font-size: 2em;
}
p.register-body {
font-family: "Calibri", calibri;
font-size: 20px;
margin-bottom: 0;
margin-top: 10px;
}
p.termsofuse {
margin-top: 20px;
}
table.register {
max-width: 250;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
td.register {
border-left: 1px solid black;
border-right: 1px solid black;
padding-bottom: 50px;
padding-top: 50px;
}
td.register-button {
text-align: center;
}