Why does this not work in IE8?

Discussion in 'HTML' started by Jim S, Jun 26, 2009.

  1. Jim S

    Jim S Guest

    Jim S, Jun 26, 2009
    #1
    1. Advertising

  2. Helpful person, Jun 26, 2009
    #2
    1. Advertising

  3. Jim S

    Jim S Guest

    Jim S, Jun 26, 2009
    #3
  4. Jim S

    dorayme Guest

    In article <>,
    Jim S <> wrote:

    > This page works perfectly in Firefox and Opera.
    > Why do the buttons do nothing in IE8?
    > http://www.jimscot.myby.co.uk/Other_picture_sites/morephotos_button_test.html


    Your links are like:

    <a href="webcams.html"><input type="submit" value="WEBCAMS"></a>

    An unusual thing to do! Try hiding the input from IE and using instead
    plain text.

    (btw, you have some 'funny' or extraneous characters that should not be
    present in your CSS sheet. You should be able to see them in a good text
    editor. You can see them if you use FF and the Web Developer extension
    and go to Edit CSS.

    Your

    /* main table */

    should be

    /* main table */

    Or sometimes, it can appear as

    /* main table */

    when coaxed out from your server and cut and pasted.

    This makes a difference to some non-IE browsers in some circumstances.
    Removing these allows the content to spread out and centre. The presence
    of these characters makes all the content keep to the top left.)

    --
    dorayme
     
    dorayme, Jun 26, 2009
    #4
  5. Jim S

    Jim S Guest

    On Sat, 27 Jun 2009 08:57:18 +1000, dorayme wrote:

    > In article <>,
    > Jim S <> wrote:
    >
    >> This page works perfectly in Firefox and Opera.
    >> Why do the buttons do nothing in IE8?
    >> http://www.jimscot.myby.co.uk/Other_picture_sites/morephotos_button_test.html

    >
    > Your links are like:
    >
    > <a href="webcams.html"><input type="submit" value="WEBCAMS"></a>
    >
    > An unusual thing to do! Try hiding the input from IE and using instead
    > plain text.
    >
    > (btw, you have some 'funny' or extraneous characters that should not be
    > present in your CSS sheet. You should be able to see them in a good text
    > editor. You can see them if you use FF and the Web Developer extension
    > and go to Edit CSS.
    >
    > Your
    >
    > /* main table */
    >
    > should be
    >
    > /* main table */
    >
    > Or sometimes, it can appear as
    >
    > /* main table */
    >
    > when coaxed out from your server and cut and pasted.
    >
    > This makes a difference to some non-IE browsers in some circumstances.
    > Removing these allows the content to spread out and centre. The presence
    > of these characters makes all the content keep to the top left.)


    If you followed the links further from the test page you will see that
    usually I use the 'buttonize' part of the stylesheet to create buttons with
    links, however I was playing with trying to get the buttons to look like
    the silver buttons in windows applications and I thought I had done it
    until IE failed.
    I don't really understand your bit about hiding ......... plain text.
    If you would be kind enough to convert the line you quoted into what you
    think it should be, I would be grateful.

    As for the funny symbols: I got rid of them, but why they were there I
    don't know. Doesn't seem to make any difference.
    --
    Jim S
    Tyneside UK
    www.jimscott.co.uk
     
    Jim S, Jun 27, 2009
    #5
  6. Jim S

    dorayme Guest

    In article <gneducaql58x$>,
    Jim S <> wrote:

    > On Sat, 27 Jun 2009 08:57:18 +1000, dorayme wrote:
    >
    > > In article <>,
    > > Jim S <> wrote:
    > >
    > >> This page works perfectly in Firefox and Opera.
    > >> Why do the buttons do nothing in IE8?
    > >> http://www.jimscot.myby.co.uk/Other_picture_sites/morephotos_button_test.ht
    > >> ml

    > >
    > > Your links are like:
    > >
    > > <a href="webcams.html"><input type="submit" value="WEBCAMS"></a>
    > >
    > > An unusual thing to do! Try hiding the input from IE and using instead
    > > plain text.
    > >

    ....

    > If you followed the links further from the test page you will see that
    > usually I use the 'buttonize' part of the stylesheet to create buttons with
    > links, however I was playing with trying to get the buttons to look like
    > the silver buttons in windows applications and I thought I had done it
    > until IE failed.


    I am sorry, Jim, I should really have said something like:

    Rather than

    <td...><a href="http://www.flyingfotos.co.uk"><input type="submit"
    value="Aerial photos of the region"></a></td>

    consider:

    <td...> <a style="background: #fff; padding: .05em .3em .05em
    ..3em;">photos of the region</a></td>

    and have an easier life.

    If you want rounded corners, you can, but what a fiddle!

    --
    dorayme
     
    dorayme, Jun 28, 2009
    #6
  7. Jim S

    Jim S Guest

    On Sun, 28 Jun 2009 18:19:07 +1000, dorayme wrote:

    > <a style="background: #fff; padding: .05em .3em .05em
    > .3em;">photos of the region</a>


    Sorry dorayme, but I'm obviously not making myself clear.
    I can do all that button stuff with my buttonize CSS. It is the windows
    type silver button I am aiming for ie. the one that 'input' gives me if
    the viewer does not use IE.
    --
    Jim S
    Tyneside UK
    www.jimscott.co.uk
     
    Jim S, Jun 28, 2009
    #7
  8. Jim S

    dorayme Guest

    In article <yhgw6gsvuo6e$>,
    Jim S <> wrote:

    > On Sun, 28 Jun 2009 18:19:07 +1000, dorayme wrote:
    >
    > > <a style="background: #fff; padding: .05em .3em .05em
    > > .3em;">photos of the region</a>

    >
    > Sorry dorayme, but I'm obviously not making myself clear.
    > I can do all that button stuff with my buttonize CSS. It is the windows
    > type silver button I am aiming for ie. the one that 'input' gives me if
    > the viewer does not use IE.


    Oh, OK. They don't look so silvery to me on my browsers but if you have
    CSS to match them in some way, perhaps a background gradient will give
    you the effect you want? Just a thought...

    --
    dorayme
     
    dorayme, Jun 28, 2009
    #8
  9. Jim S

    Jim S Guest

    On Sun, 28 Jun 2009 19:29:49 +1000, dorayme wrote:

    > In article <yhgw6gsvuo6e$>,
    > Jim S <> wrote:
    >
    >> On Sun, 28 Jun 2009 18:19:07 +1000, dorayme wrote:
    >>
    >>> <a style="background: #fff; padding: .05em .3em .05em
    >>> .3em;">photos of the region</a>

    >>
    >> Sorry dorayme, but I'm obviously not making myself clear.
    >> I can do all that button stuff with my buttonize CSS. It is the windows
    >> type silver button I am aiming for ie. the one that 'input' gives me if
    >> the viewer does not use IE.

    >
    > Oh, OK. They don't look so silvery to me on my browsers but if you have
    > CSS to match them in some way, perhaps a background gradient will give
    > you the effect you want? Just a thought...


    That's the point. I don't want to 'construct' a button.
    The original page
    http://www.jimscot.myby.co.uk/Other_picture_sites/morephotos_button_test.html
    works perfectly well in Firefox and Opera and looks how I would like but it
    doesn't work in IE.
    I wondered why and could I make it work in IE.
    My current version of this page is
    http://www.jimscot.myby.co.uk/Other_picture_sites/morephotos.html and
    although I am fairly happy with it I fancy the other type of buttons and I
    don't want to construct them since they already exist. I fancy I'm peeing
    into the wind. <g>
    --
    Jim S
    Tyneside UK
    www.jimscott.co.uk
     
    Jim S, Jun 28, 2009
    #9
  10. Jim S

    BootNic Guest

    On Sun, 28 Jun 2009 09:48:07 GMT
    Jim S <> wrote in:
    <1xirxixvx2qig$>

    > On Sun, 28 Jun 2009 19:29:49 +1000, dorayme wrote:
    >
    >> In article <yhgw6gsvuo6e$>,
    >> Jim S <> wrote:
    >>
    >>> On Sun, 28 Jun 2009 18:19:07 +1000, dorayme wrote:
    >>>

    [snip]
    >>>
    >>> Sorry dorayme, but I'm obviously not making myself clear. I
    >>> can do all that button stuff with my buttonize CSS. It is the
    >>> windows type silver button I am aiming for ie. the one that
    >>> 'input' gives me if the viewer does not use IE.

    >>
    >> Oh, OK. They don't look so silvery to me on my browsers but
    >> if you have CSS to match them in some way, perhaps a background
    >> gradient will give you the effect you want? Just a thought...

    >
    > That's the point. I don't want to 'construct' a button. The
    > original page
    > http://www.jimscot.myby.co.uk/Other_picture_sites/morephotos_butt
    > on_test.html works perfectly well in Firefox and Opera and looks
    > how I would like but it doesn't work in IE.
    >
    > I wondered why and could I make it work in IE. My current
    > version of this page is
    > http://www.jimscot.myby.co.uk/Other_picture_sites/morephotos.html
    > and although I am fairly happy with it I fancy the other type of
    > buttons and I don't want to construct them since they already
    > exist. I fancy I'm peeing into the wind. <g>


    Why would you want to wrap a input submit in a anchor rather the a form?

    Using a input type submit for a link would be done in a form. Style the
    form to remove the margins if you wish: form { margin: 0; }

    Further if you would choose to remove the extra padding IE may add:
    form a input { overflow: visible; padding: 0 0.3em; }

    <form method="post" action="http://www.example.com">
    <div>
    <a href="http://www.example.com"><input type="submit" value=
    "example dot com"></a>
    </div>
    </form>



    --
    BootNic Sun Jun 28, 2009 02:09 pm
    Curious things, habits. People themselves never knew they had them.
    *Agatha Christie*

    -----BEGIN PGP SIGNATURE-----
    Version: GnuPG v2.0.10 (GNU/Linux)

    iEYEARECAAYFAkpHsfMACgkQylMUzZO6jeLpjQCeNKFPw4PDsaclMJEuPL0PzEcC
    UIIAoI/NFn1i+4EeUkiUlXr1ch+fbP5m
    =UAsu
    -----END PGP SIGNATURE-----
     
    BootNic, Jun 28, 2009
    #10
  11. Jim S wrote:

    > That's the point. I don't want to 'construct' a button.
    > The original page
    > http://www.jimscot.myby.co.uk/Other_picture_sites/morephotos_button_test.html
    > works perfectly well in Firefox and Opera and looks how I would like but it
    > doesn't work in IE.
    > I wondered why and could I make it work in IE.
    > My current version of this page is
    > http://www.jimscot.myby.co.uk/Other_picture_sites/morephotos.html and
    > although I am fairly happy with it I fancy the other type of buttons and I
    > don't want to construct them since they already exist. I fancy I'm peeing
    > into the wind. <g>


    Looks like a bad idea all around.

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <meta http-equiv="content-language" content="en-us">

    <title>Which Way?</title>

    </head>
    <body>

    <form action="this.html" method="get">
    <div>
    <a href="that.html"><input type="submit" value="Which Way?"></a>
    </div>
    </form>
    </body>
    </html>

    Seamonkey1 A => that.html
    Firefox3 A => that.html
    IE8 FORM => this.html
    IE7 FORM => this.html
    IE6 FORM => this.html
    IE5.5 FORM => this.html
    IE5 FORM => this.html
    Opera9.6 FORM => this.html
    Opera8.4 FORM => this.html
    Opera7.5 FORM => this.html
    Chrome A => that.html
    Netscape7.1 A => that.html
    Netscape4.6 FORM => this.html
    WebTV A => that.html
    MSNTV A => that.html


    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO
    http://www.LittleWorksStudio.com
     
    Jonathan N. Little, Jun 28, 2009
    #11
  12. Jim S

    Jim S Guest

    On Sun, 28 Jun 2009 14:09:49 -0400, BootNic wrote:

    > On Sun, 28 Jun 2009 09:48:07 GMT
    > Jim S <> wrote in:
    > <1xirxixvx2qig$>
    >
    >> On Sun, 28 Jun 2009 19:29:49 +1000, dorayme wrote:
    >>
    >>> In article <yhgw6gsvuo6e$>,
    >>> Jim S <> wrote:
    >>>
    >>>> On Sun, 28 Jun 2009 18:19:07 +1000, dorayme wrote:
    >>>>

    > [snip]
    >>>>
    >>>> Sorry dorayme, but I'm obviously not making myself clear. I
    >>>> can do all that button stuff with my buttonize CSS. It is the
    >>>> windows type silver button I am aiming for ie. the one that
    >>>> 'input' gives me if the viewer does not use IE.
    >>>
    >>> Oh, OK. They don't look so silvery to me on my browsers but
    >>> if you have CSS to match them in some way, perhaps a background
    >>> gradient will give you the effect you want? Just a thought...

    >>
    >> That's the point. I don't want to 'construct' a button. The
    >> original page
    >> http://www.jimscot.myby.co.uk/Other_picture_sites/morephotos_butt
    >> on_test.html works perfectly well in Firefox and Opera and looks
    >> how I would like but it doesn't work in IE.
    >>
    >> I wondered why and could I make it work in IE. My current
    >> version of this page is
    >> http://www.jimscot.myby.co.uk/Other_picture_sites/morephotos.html
    >> and although I am fairly happy with it I fancy the other type of
    >> buttons and I don't want to construct them since they already
    >> exist. I fancy I'm peeing into the wind. <g>

    >
    > Why would you want to wrap a input submit in a anchor rather the a form?
    >
    > Using a input type submit for a link would be done in a form. Style the
    > form to remove the margins if you wish: form { margin: 0; }
    >
    > Further if you would choose to remove the extra padding IE may add:
    > form a input { overflow: visible; padding: 0 0.3em; }
    >
    > <form method="post" action="http://www.example.com">
    > <div>
    > <a href="http://www.example.com"><input type="submit" value=
    > "example dot com"></a>
    > </div>
    > </form>


    If I use 'form' then I get a space forced below the button. This then
    forces my lowest buttons off the bottom of the screen (in 1024 x 768
    resolution and below). I don't want that. Part of my self-imposed brief is
    that when ever possible the page does not exceed the height and width of
    the screen. Of course this happens in 800x600, but I hope only in height
    and not in width.
    --
    Jim S
    Tyneside UK
    www.jimscott.co.uk
     
    Jim S, Jun 29, 2009
    #12
  13. Jim S

    BootNic Guest

    On Sun, 28 Jun 2009 23:21:07 GMT
    Jim S <> wrote in:
    <ys02i237iove$>

    > On Sun, 28 Jun 2009 14:09:49 -0400, BootNic wrote:


    [snip]

    >> Why would you want to wrap a input submit in a anchor rather
    >> the a form?
    >>
    >> Using a input type submit for a link would be done in a form.
    >> Style the form to remove the margins if you wish: form { margin:
    >> 0; }


    [snip]

    > If I use 'form' then I get a space forced below the button.
    > This then forces my lowest buttons off the bottom of the screen
    > (in 1024 x 768 resolution and below). I don't want that. Part of
    > my self-imposed brief is that when ever possible the page does
    > not exceed the height and width of the screen. Of course this
    > happens in 800x600, but I hope only in height and not in width.


    Perhaps you have not noticed my comment about the form margins.



    --
    BootNic Sun Jun 28, 2009 08:26 pm
    A man's got to do what a man's got to do. A woman must do what he
    can't.
    *Rhonda Hansome*

    -----BEGIN PGP SIGNATURE-----
    Version: GnuPG v2.0.10 (GNU/Linux)

    iEYEARECAAYFAkpICjIACgkQylMUzZO6jeIy0ACfRqHGEkIHBzO1dMWoMmzJNOZi
    KsIAnjYAVmZultC6nnl1pNJhzPJzKuXQ
    =+iQu
    -----END PGP SIGNATURE-----
     
    BootNic, Jun 29, 2009
    #13
  14. Jim S

    BootNic Guest

    On Sun, 28 Jun 2009 23:21:07 GMT
    Jim S <> wrote in:
    <ys02i237iove$>

    > On Sun, 28 Jun 2009 14:09:49 -0400, BootNic wrote:


    [snip]

    >> Why would you want to wrap a input submit in a anchor rather
    >> the a form?
    >>
    >> Using a input type submit for a link would be done in a form.
    >> Style the form to remove the margins if you wish: form { margin:
    >> 0; }


    [snip]

    > If I use 'form' then I get a space forced below the button.
    > This then forces my lowest buttons off the bottom of the screen
    > (in 1024 x 768 resolution and below). I don't want that. Part of
    > my self-imposed brief is that when ever possible the page does
    > not exceed the height and width of the screen. Of course this
    > happens in 800x600, but I hope only in height and not in width.


    Perhaps you have not noticed my comment about the form margins.



    --
    BootNic Sun Jun 28, 2009 09:20 pm
    Truly great madness cannot be achieved without significant
    intelligence.
    *Henrik Tikkanen*

    -----BEGIN PGP SIGNATURE-----
    Version: GnuPG v2.0.10 (GNU/Linux)

    iEYEARECAAYFAkpIFtUACgkQylMUzZO6jeLGvwCgxpNYYRw0jsh9ZQB+XeBYFkwY
    ZhQAn07O2ZlgXXXPAC5MXrFvM22AB0js
    =q4Vg
    -----END PGP SIGNATURE-----
     
    BootNic, Jun 29, 2009
    #14
  15. Jim S

    Jim S Guest

    On Sun, 28 Jun 2009 20:26:21 -0400, BootNic wrote:

    > On Sun, 28 Jun 2009 23:21:07 GMT
    > Jim S <> wrote in:
    > <ys02i237iove$>
    >
    >> On Sun, 28 Jun 2009 14:09:49 -0400, BootNic wrote:

    >
    > [snip]
    >
    >>> Why would you want to wrap a input submit in a anchor rather
    >>> the a form?
    >>>
    >>> Using a input type submit for a link would be done in a form.
    >>> Style the form to remove the margins if you wish: form { margin:
    >>> 0; }

    >
    > [snip]
    >
    >> If I use 'form' then I get a space forced below the button.
    >> This then forces my lowest buttons off the bottom of the screen
    >> (in 1024 x 768 resolution and below). I don't want that. Part of
    >> my self-imposed brief is that when ever possible the page does
    >> not exceed the height and width of the screen. Of course this
    >> happens in 800x600, but I hope only in height and not in width.

    >
    > Perhaps you have not noticed my comment about the form margins.


    I didn't and that helps a lot and I'm getting where I want to be, but
    (there's always a but) it is a good deal more complex than my buttonize
    CSS. :0(

    --
    Jim S
    Tyneside UK
    www.jimscott.co.uk
     
    Jim S, Jun 29, 2009
    #15
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Horace Nunley

    why why why does function not work

    Horace Nunley, Sep 27, 2006, in forum: ASP .Net
    Replies:
    1
    Views:
    461
    =?Utf-8?B?UGV0ZXIgQnJvbWJlcmcgW0MjIE1WUF0=?=
    Sep 27, 2006
  2. Mr. SweatyFinger
    Replies:
    2
    Views:
    1,975
    Smokey Grindel
    Dec 2, 2006
  3. LenaMsdn08
    Replies:
    3
    Views:
    941
    LenaMsdn08
    Oct 5, 2009
  4. cecile

    ie8!=ie8

    cecile, May 24, 2010, in forum: Javascript
    Replies:
    2
    Views:
    190
    David Mark
    May 24, 2010
  5. Simon
    Replies:
    15
    Views:
    1,475
    Simon
    Dec 12, 2012
Loading...

Share This Page