Error In Css (or Html)

Arne-Christian

Sep 22 2006, 08:59 PM

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

IPB Image

Code is:

CODE

$this->frm .= "<style type=\"text/css\">
                        
                        </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:

CODE

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

Reply

jlhaslip

Sep 22 2006, 09:07 PM

CODE

Is this a typo? Should it be:

CODE

???

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.

Reply

Arne-Christian

Sep 22 2006, 09:21 PM

CODE

/**********************************************/
/** 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

Reply

jlhaslip

Sep 22 2006, 09:34 PM

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.

Reply

Plenoptic

Sep 22 2006, 09:40 PM

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/

Reply

Arne-Christian

Sep 22 2006, 11:41 PM

Works now, Thanks

Reply

ADD REPLY / Got an Opinion!	Remove these ADs!	RAPID SEARCH!	Free Web Hosting	[X]
Express your Opinions, Thoughts or Contribute more info. to help others. Ask your Doubts & Queries to get answers, So that "Together We can help others!"	Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.		500MB Space No Ads, CPanel, FTP, PHP, MySQL, EMails - 100% FREE