Jump to content
xisto Community
Sign in to follow this  
Arne-Christian

Error In Css (or Html)

Recommended Posts

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

 

Posted Image

 

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;}

Share this post


Link to post
Share on other sites
<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.

Share this post


Link to post
Share on other sites
/**********************************************//** 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

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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/

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.