HTML forms problem in IE6 solved

Ah relieved!… finally my website works on IE6. A big problem solved…

Problem:
Login and signup script not working in IE6. (works fine in FF & Crome).
On clicking the submit button, nothing happens, not even an error msg.

What was wrong?
The problem was that I was using images as submit buttons in the HTML forms and not checking form submission as per IE6’s liking!

Solution: HTML allows us to use images as submit buttons

In FF and Chrome (and may be other browsers as well which I dont use), if we want to check if submit button is clicked and run a specific code, then this serves the purpose

if(isset($_POST['submit'])) {
//code to be executed
}

But IE passes the co-ordinates of click as submit_x and submit_y instead of just submit=parameter..

so to make sure that the form functions in IE, change the above code to

if(isset($_POST['submit_y']) || isset($_POST['submit_x'])) {

}

This solved the problem in my case

Doing some more G tells me that even if we check just one co-ordinate its fine.
But now I have already changed it, and I am too tired to change it back again to something else… so I’ll let that be..

Thanks to: Webmasterworld forums, Google

CSS RULEZ!!

For those who are regular visitors to web development forums such webmasterworld, it doesnt take much time to realize that there are some people who know CSS and then there is a bunch of developers who are CSS freaks.

Initially CSS seemed pretty easy to me.. ‘a tool to remotely control the happenings in HTML files’… but soon I realized that there was more to it.. actually much more….

This is how my CSS progress has been so far…

1. Jan 2009 – No CSS, Just HTML! Result – utterly lame web pages.
2. Feb 2009 – Started using CSS for styling paragraphs, headings and tables. This was the time when I used tables heavily until…
3. April 2009 – When I figured out CSS can do much more. Used it for positioning … but only absolute positioning that led to cross browser compatibility issues needless to mention our GREAT BROWSER, IE6 which blew up things like anything!
4. May 2009 – This came as a a revelation. Started using float lefts and float rights and understood how to style web pages without breaking the flow
5. May 2009 – woohoo! Learnt how to create a Navigation menu using CSS…

Still facing a lot of Cross browser problems. But with every CSS blunder I make and every time I fumble and google, I cannot help uttering these words aloud .. CSS RULES!!! because it feels like secrets are getting unfolded one after another..

The CSS journey seems to be pretty long …. or am I on the path of the freaks…

PS> I know no developer reads this blog yet, but considering that someone eventually will

IE6 FIX-ed……Part I

Imagine a scenario…
For past one and a half month you have been working hard on your website, creating graphics in Ps, accurately positioning them along with all the other components using CSS and adding 100 lines of new code everyday… and then one day you read something about cross browser compatibility issues and open the website in IE6 just to see how it works there.

The feeling will be nothing less than what you will experience when you forget to use Ctrl+S and power cut occurs..

Two weeks back, I had a similar feeling when I noticed that IE6 doesn’t like my neatly made PNG images that use transparent backgrounds.

So I ‘googled’ to see if I can get any help and to my surprise it showed 368,000 results.

But only one fix yielded results. The one I found last night at http://www.twinhelix.com/css/iepngfix/demo/

It was pretty easy, just paste the code in the header and it works beautifully. Although someday I would like to take a look at what the .htc file actually does, I guess this is not the right time to get into such details.

But now I realize that this was just one of the problems…

Other than PNG,
1) Browser doesn’t respond to links styled using CSS properly.

2) And the biggest blow is that the login script doesn’t work! It calls the same .php file but nothing happens.. not even an error msg..

Hope, I ll be able to fix these problems soon. Off to ‘google-ing’ fixes now…

Edit: Both of the above mentioned problems are solved. Please check the ‘CROSS BROWSER’ page of this blog for the fixes.