Zitat:
<html>
<head>
<title>Maxelonline.de</title>
<style type="text/css">
<!--Links----------------------------------------------------------------- -->
a {
font-size: 12px;
color: #333;
text-decoration: none;
font-family: Tahoma;
font-weight: bold;
}
a:hover {
color: red;
}
<!--Allgemeine Zelleneinstellung------------------------------------------ -->
td {
padding: 3px;
}
.content {
background-color: #eee;
}
.leftborder {
border-left: 2px outset white;
}
.leftedgeborder {
border-left: 2px outset white;
border-bottom: 2px inset white;
}
.rightborder {
border-right: 2px inset white;
}
.rightedgeborder {
border-right: 2px inset white;
border-bottom: 2px inset white;
}
.bottomborder {
border-bottom: 2px inset white;
}
<!--Sonstige Attribute---------------------------------------------------- -->
input {
border: 1px;
border-style: solid;
border-color: #ddd;
background: url(background.png);
font-weight: bold;width:140px;
}
label {
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
color: #999;
}
body {
background-image: url(background.png);
text-align: center;
vertical-align: middle;
}
</style>
</head>
<body>
<form action="KeineAhnung.php" method="post" id="Login">
<table align="center" cellpadding="0" cellspacing="0">
<!--Damits in der Mitte ist--------------------------------------------- -->
<tr>
<td style="vertical-align:middle"> </td>
</tr>
<tr>
<td colspan="3" class="bottomborder">
<img src="maxelonline.png" alt="Maxelonline.de" /> </td>
</tr>
<tr class="content">
<td style="width:70px;" class="leftborder">
<label for="username">Name</label> </td>
<td style="width:150px;" >
<input name="username" type="text" id="username" style="input" /> </td>
<td style="width:150px;" class="rightborder"> </td>
</tr>
<tr class="content">
<td class="leftborder">
<label for="password">Passwort</label> </td>
<td>
<input name="password" id="password" type="password" /> </td>
<td class="rightborder"><a href="..."> » Passwort vergessen</a></td>
</tr>
<tr class="content">
<td class="leftedgeborder"> </td>
<td class="bottomborder">
<a href="javascript:document.Login.submit();"> » Login</a> </td>
<td class="rightedgeborder">
<a href="..."> » Registrieren</a> </td>
</tr>
</table>
</form>
</body>
</html>