Basic CSS debugging in Internet Explorer 8 using compatibility mode -


okay, i'm not doing fancy here, it's driving me crazy can't work.

i'm having trouble button formatting on form, in internet explorer 7.

i have simple form:

<div id="menusearch">      <form id="searchform" method="get" action="process.php">         <div>             <input type="text" value="" name="s" id="s_name" class="input_text"  />             <input type="submit" class="button submit" accesskey="s" value="" />         </div>     </form> </div>

the css button follows:

#menusearch .button {     margin: 0;     width:97px;     height:30px;     background-image: url('images/search.png');     background-repeat:no-repeat;     background-position:left top;     border: none; }

the background image simple button image, in internet explorer 7 it's showing standard default button without image. works in every other browser i've tried in. appreciated.

now, i'm using internet explorer 8 (compatibility mode) , developer tools check out , see what's going wrong , i've noticed weird. lines of css, seems ignoring them. in above example, developer tool shows follows:

background-image: url(images/search.png); border-bottom-style: none

and it's showing 1 line without tick boxes, it's not recognizing separate css rules. can find other places in css i'm using background-image fine , other places i've set borders well. i've copied , pasted on css code , still same errors.

what doing wrong?

edit

okay, i've stripped down , found problem in document type declaration,

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">

i remove it, , works. then, need change original question following: should document type declaration be? i've never understood different ones , have used same one...

so, trimmed down source code requested:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">     <head>         <style type="text/css">             #menusearch .button {                 margin: 0;                 width:97px;                 height:30px;                 background-image: url('http://www.netbsd.org/images/download-icon-orange.png');                 background-repeat:no-repeat;                 background-position:left top;                 border: none;             }         </style>     </head>     <body>         <div class="hspace">             <div id="mspace">                 <div id="menu">                     <div id="menusearch">                         <form id="searchform" method="get" action="process.php">                             <div>                                 <input type="text" value="" name="s" id="s_name" class="input_text"  />                                 <input type="submit" class="button submit" accesskey="s" value="" />                             </div>                         </form>                     </div>                 </div>             </div>

i've left off document type declaration.

the fix in case remarkably simple. change border, this:

border: 0 solid #000

and it's fixed. knows why, ie7 crazy.

you can keep original doctype.


Comments

Post a Comment

Popular posts from this blog

apache - Add omitted ? to URLs -

i working on website cms reads page name of query string, e.g. http://exmaple.com/?pagename . trying create rewrite rule rewrite ? . so, user types in /pagename , taken /?pagename try this: rewriteengine on rewritecond %{request_filename} !-d rewritecond %{request_filename} !-f rewriterule ^/?(.*) index.php?$1 [l]
Read more

redirect - bbPress Forum - rewrite to wwww.mysite prohibits login -

i using bbpress installation without wordpress integration. the redirect of rewriteengine @ forum site works: rewriteengine on rewritecond %{http_host} ^forum.mysite.com$ rewriterule (.*)$ http://www.forum.mysite.com/$1 [r=301,l] the problem login pppress. bbpress login not recognize: http://www.forum.mysite/bb-login.php . it redirects to: http://forum.mysite.com/bb-login.php . i tried permalink settings none , name based, same issue. does uses redirect in bbpress or how can eliminate "double" content , redirect permanently www.? i redirected www.forum.mysite.com forum.mysite.com , achieved eliminate "double" content.
Read more

php - How can I stop spam on my custom forum/blog? -

so have custom built forum & blog system of late has been dealing lot of spam. if wordpress use akismet, if different common platform i'm sure i'd find plugin. there kind of static class can download this? using php. i'd still go akismet, if it. uses outside of wordpress, may have pay fee it, depending on use -- check terms , conditions -- it's option , easy implement in php using api. use api key wordpress. com account access. basically, grab whichever php client library takes fancy -- use alex potsides' php5 library -- plug in key, , it's handful of lines of code. here's bare bones of validation straight 1 of live sites: ... if ($akismet) { $akismet->setcommentauthor($name); $akismet->setcommentauthoremail($session->userinfo["email"]); $akismet->setcommentauthorurl(""); $akismet->setcommentcontent($sentence);...
Read more