Feil i javascript

[Tha_Zaynt]

Er det noen som kan fortelle meg hvorfor dette er feil?:

function BuildPanel() {
document.write('<form name="logon"><table align="left" border="0">');
document.write('<tr>'):
document.write('<td><small><font face="Verdana">Username:</font></small></td>');
document.write('</tr>');
document.write('<tr>');
document.write('<td align="right"><small><font face="Verdana">');
document.write('<input type="password" name="password" class="aceTextField" size="7,1"></font></small></td>');
document.write('</tr>');
document.write('<tr>');
document.write('<td align="right"><small><font face="Verdana">Password:</font></small></td>');
document.write('</tr>');
document.write('<tr>');
document.write('<td align="right"><small><font face="Verdana">');
document.write('<input type="text" name="username" class="aceTextField" size="7,5"></font></small></td>');
document.write('</tr>');
if(imgSubmit == ""){
document.write('<tr><td align="center" colspan="2"><p><input class=aceButton type="button" value="Logon" name="Logon" onclick="login(username.value,password.value)">'); 
} else {
document.write('<tr><td align="center" colspan="2"><p><input type="image" src="'+imgSubmit+'" name="Logon" onclick="login(username.value,password.value)">');
}
if(imgReset == ""){
document.write('<input class=aceButton type="reset" value="Reset" name="Reset">');
} else {
document.write('<input type="image" src="'+imgReset+'" name="Reset" onclick="logon.reset();">');
}
document.write('</p></td></tr></table></form>');
}

 

mens detter er rett..;

 

function BuildPanel() {
document.write('<form name="logon"><table align="left" border="0"><tr><td align="right">');
document.write('<small><font color="#CCCCCC" face="Verdana">Username:</font></small></td>');
document.write('<td><small><font face="Verdana"><input type="text" name="username" class="aceTextField" size="7,5"></font></small></td></tr>');
document.write('<tr><td align="right"><small><font color="#CCCCCC" face="Verdana">Password:</font></small></td>');
document.write('<td><small><font face="Verdana"><input type="password" name="password" class="aceTextField" size="7,1"></font></small></td></tr>');
if(imgSubmit == ""){
document.write('<tr><td align="center" colspan="2"><p><input class=aceButton type="button" value="Logon" name="Logon" onclick="login(username.value,password.value)">'); 
} else {
document.write('<tr><td align="center" colspan="2"><p><input type="image" src="'+imgSubmit+'" name="Logon" onclick="login(username.value,password.value)">');
}
if(imgReset == ""){
document.write('<input class=aceButton type="reset" value="Reset" name="Reset">');
} else {
document.write('<input type="image" src="'+imgReset+'" name="Reset" onclick="logon.reset();">');
}
document.write('</p></td></tr></table></form>');
}

 

Påenget er at jeg vil ha login-panelet mitt til å se slik ut:

Username:

"textfield"

Password:

"textfield"

 

og ikke slik(som det blir seende ut med det eksemplet som fungerer:

Username: "textfield"

Password: "textfield"

 

Dette fordi det første eksempelet passer best til designet på siden min..