Error In Css (or Html)

[Arne-Christian 0]

Well i am currently working on a project, and for this i need to fix this little error:

 

 

Code is:

$this->frm .= "<style type=\"text/css\">						<!--						.style1 {color: #000000}						-->						</style>{$this->top}						<from action=\"$PHP_SELF\" method=\"post\" name=\"\">						<table width=\"800\" border=\"0\" align=\"center\" cellspacing=\"0\"><table width=\"800\" border=\"0\" align=\"center\" cellspacing=\"0\">  <tr>	<td class=\"a_inf\" style=\"padding-bottom: 10px;\"><strong id=\"b\" align=\"center\"><div align=\"center\">Edit Username</div><br></strong> 							  <form name=\"form\" method=\"post\"><table width=\"600\" border=\"0\" cellspacing=\"0\" align=\"center\">								<tr>									  <td colspan=\"4\" class=\"eb_forum\"><div align=\"center\"><b>Insert Username:</b></div></td>								</tr>								<tr>								  <td class=\"a_inf\" style=\"width: 100px; border-top-width: 0;border-right-width:0;\">Username:</td>								  <td class=\"a_inf\" style=\"width: 300px; border-top-width: 0; border-right-width:0;\"><input type=\"text\" id=\"usrn\" name=\"usrs\" style=\"width: 300px; border: 1px solid #a6a6a6;\"></td>								  <td class=\"a_inf\" style=\"width: 200px; border-top-width: 0;border-right-width:0; border-left-width: 0;\"><input type=\"submit\" name=\"Submit\" value=\"Find User\"></td>								  <td class=\"a_inf\" style=\"width: 200px; border-top-width: 0;border-left-width: 0;\"><input type=\"button\" name=\"is\" value=\"Search after username\" onClick=\"java script: open_search();\"></form></td>								</tr>							  </table>							</div>								</td>							  </tr>							</table></form>";

ignore all the \ slashes, i am programming in PHP so i need them

 

and the CSS code for that is:

.a_inf input {	border: 1px solid #a6a6a6;	font: Verdana, Arial, Helvetica, sans-serif;}

[jlhaslip 4]

<from action=\"$PHP_SELF\" method=\"post\" name=\"\">

Is this a typo? Should it be:

<form action=\"$PHP_SELF\" method=\"post\" name=\"\">

???

also, there must be more CSS than what shows in your posting.

Try setting the margins and padding to zero and then re-view the code.

Is this page up-loaded to a public server and could you post a link, please? It is easier to diagnose these things with the full html and css available, but the margins and padding settings are something to start looking at, based on what I can see here.

[Arne-Christian 0]

/**********************************************//** Admin CSS File by Arne-Christian Blystad **//**********************************************/.a_logo { background-image: url(Images/logo.gif); border: 1px solid #a6a6a6; height: 106px; width: 800px; background-repeat:repeat-x; }.a_inf { background-color: #FFFFFF; border: 1px solid #a6a6a6; width: 800px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #000000; }.a_inf #b { color: #00CCCC; font-size: 14px; font-weight:bold; }.a_item { 	color: white;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;	font-weight: bold;	border: 1px solid #a6a6a6;	text-decoration: none;	background-image: url(Images/item.gif);	padding: 5px;	width: 100px;	border-top-width: 0; } .a_item a:hover { color: #00CCCC; };.a_menu { background-image: url(Images/menu.gif); border: 1px solid #a6a6a6; height: 58px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 800px; }.menu {	color: white;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: bold;	border-left: 1px solid #1b3858;	border-right: 1px solid #1b3858;	text-decoration: none;	background-image:url(Images/menu.gif);	padding: 5px;}.menu:hover {		background-image:url(Images/menu_hover.gif);}.toolbar {	padding: 5px 0px 5px 0px;	background-image:url(Images/menu.gif);	border: 1px solid #a6a6a6;	width: 800px;}.a_inf input {	border: 1px solid #a6a6a6;	font: Verdana, Arial, Helvetica, sans-serif;	margin: 0 0 0 0;	padding: 0 0 0 0;}

thats the full CSS file...

any ideas?

and i dont feel ensured that if i put out the link to my server here that someone wont play around with my config since 99% of my admin panel is working now 100% functionaly

[jlhaslip 4]

If you have a Firefox Browser and the Web Developer's tool, check the html structure closely.There are several forms, several tables and a div inside a td element which, of course, is inside a tr element. And all nested, so the interpretation is going to differ (guaranteed) between the Gecko Browsers and IE. IE is (as you most likely know) terribly buggy and since the nesting of tables and tr's, td's etc, is confusing.... it probably isn't getting it right.One thing you might do is evaluate the DTD for the page. Some DTD's put IE in Quirks Mode, which means there are no standards used when the page is rendered and IE will *guess* at a lot of the element's positioning.I don't use any IE Browsers, but Google on "IE quirks mode" to see if there is a DTD which will force IE to NOT use Quirks Mode to see if the output is more suitable for you.

[Plenoptic 0]

If the advice jlhaslip has given you doesn't work then I would suggest entering the URL for your web site here http://validator.w3.org/ to check the HTML. It will tell you where you have errors and once the site is completely validated it should work in both Firefox and IE. Or if you don't have it uploaded you can upload the file for them to check or copy and paste the code in. You can also do the same for CSS at http://jigsaw.w3.org/css-validator/

[Arne-Christian 0]

Works now, Thanks