5 replies to this topic

[Phil]

Okay, I've been working on my web project when I noticed that the whole system is really buggy with IE (and I'm not even speaking of the CSS issues).
The problem is that no link with a button inside* will work in IE6 nor in IE7. Now I wonder if there's some simple HTML trick to fix this or if I need to rely on JavaScript or CSS (to reformat my buttons/links) to fix this issue.

(*Hopes that somebody visits this forum in the next few years*)

* Code example:

<a href="http://blablabla.bla" title="blabla"><input type="button" value="Click me!" /></a>

[Blodo]

Isn't it easier to emulate the windows button look on an A using css? You won't be able to slap a link on a form button without using JS and having it work everywhere.

[Phil]

Ah, too bad. I thought this was the way to go to keep some of the links like the other standard form buttons. I guess I'll redesign all the buttons anyway then. Gotta hate IE

[CodeCat]

<input type="button" value="Click me!" onclick="location = 'http://blablabla.bla';" />

That's how I'd do it. I don't know why relying on JS is such a bad thing really...

Alternatively, this might seem a bit hacky but it works:

<form action="http://blablabla.bla" method="get">
<input type="submit" value="Click me!" />
</form>

[Phil]

I thought of the form method too, but that would leave me with a lot of tagsoup because I'd need a bit many hidden fields to pass on all the other parameters (like page= etc).

And from my point of view JS is cool, as long as it's not a necessary part for the functionality. Meaning all the important parts should work with JavaScript turned off aswell.
So unless there is a short HTML-based fix for it, I'll go with a CSS button redesign.

Thanks for the good ideas though

[Jeeves]

I like avoiding JS too, else I'd go with

<input type="button" value="Click me!" onclick="window.location.href='http://foo.bar'" />

As it is, I'd go with CSS. Buttons are ugly and a b*tch to style anyway