Professional Web Applications Themes

CSS Buttons - Macromedia Dreamweaver

That's a known bug in Explorer. It happens when the containing element that houses the "buttons" are part of a larger construct and it is not the first element in the construct. For instance, in a 2-column table, if your buttons are in the first cell, IE will work perfectly. If they are in the second cell, they will not. The easiest fix is to declare the <a> element as having position: relative. #foobar a { display: block; position: relative;} This fix, however, will cause Dreamweaver MX to prompt you to save your page even if no changes have been ...

  1. #1

    Default Re: CSS Buttons

    That's a known bug in Explorer. It happens when the containing element that
    houses the "buttons" are part of a larger construct and it is not the first
    element in the construct. For instance, in a 2-column table, if your buttons
    are in the first cell, IE will work perfectly. If they are in the second
    cell, they will not. The easiest fix is to declare the <a> element as having
    position: relative.

    #foobar a {
    display: block;
    position: relative;}

    This fix, however, will cause Dreamweaver MX to prompt you to save your page
    even if no changes have been made. To cirvent that, you can use a
    conditional statement to present the fix only to IE-PC:

    Place this in your page (not inside an external style sheet)

    <!--[if gte IE 5]>
    <style>
    #foobar a {
    position: relative;
    }
    </style>

    --
    Al Sparber - PVII
    [url]http://www.projectseven.com[/url]
    Dreamweaver Extensions - DesignPacks - Tutorials - Books
    ---------------------------------------------------------------------
    The PVII Newsgroup | [url]news://forums.projectseven.com/pviiwebdev[/url]
    The CSS Newsgroup | [url]news://forums.projectseven.com/css[/url]
    ---------------------------------------------------------------------



    "Plato-vs-Derrida" <webforumsusermacromedia.com> wrote in message
    news:besenl$7qt$1forums.macromedia.com...
    > Good afternoon,
    >
    > I'm working with CSS buttons with no images. Just using the display: block
    command and hover effects.
    >
    > In netscape 7 if I mouse over any part of the block the entire button
    hightlights, in Explorer, however, the button will highlight only if I mouse
    over the text. Does anyone know of a work around for this?
    >
    >
    > Thanks
    >
    >

    Al Sparber- PVII Guest

  2. #2

    Default Re: CSS Buttons

    Al,
    Thanks for the suggestion. I tried it, but it doesn't seem to be working.

    In explorer versioin 6.x, the link will highlight only whtn the mouose ois over the text. However in Netscape, the link hilighs when ever the mouse is over any of block formatted "button". Am I missing somehting obvious?

    The link to the page is [url]http://equinox.unr.edu/homepage/knoxp/index.htm[/url].

    (P.S.) I'm talking abou the menu on the far right hand side of the page.


    Thanks.


    Plato-vs-Derrida webforumsuser@macromedia.com Guest

  3. #3

    Default Re: CSS Buttons

    Sure it works. You didn't do it :-)

    First, though... you need a full doctype on your page:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

    That goes above the opening <html> tag at the very top of your code.

    Then you need to set your submen <a> selector to position: relative. Here is
    one:

    #sidebar a:link, #sidebar a:visited {
    color: #F60;
    display: block;
    background-color: #CCCCCC;
    border: 1px dashed #F60;
    text-decoration: none;
    position: relative;
    }

    Works fine for me.


    --
    Al Sparber - PVII
    [url]http://www.projectseven.com[/url]
    Dreamweaver Extensions - DesignPacks - Tutorials - Books
    ---------------------------------------------------------------------
    The PVII Newsgroup | [url]news://forums.projectseven.com/pviiwebdev[/url]
    The CSS Newsgroup | [url]news://forums.projectseven.com/css[/url]
    ---------------------------------------------------------------------



    "Plato-vs-Derrida" <webforumsusermacromedia.com> wrote in message
    news:besngm$i64$1forums.macromedia.com...
    > Al,
    > Thanks for the suggestion. I tried it, but it doesn't seem to be working.
    >
    > In explorer versioin 6.x, the link will highlight only whtn the mouose ois
    over the text. However in Netscape, the link hilighs when ever the mouse is
    over any of block formatted "button". Am I missing somehting obvious?
    >
    > The link to the page is [url]http://equinox.unr.edu/homepage/knoxp/index.htm[/url].
    >
    > (P.S.) I'm talking abou the menu on the far right hand side of the page.
    >
    >
    > Thanks.
    >
    >

    Al Sparber- PVII Guest

  4. #4

    Default Re: CSS Buttons

    THANKS AL!

    Don't you just love newbies and our questions? ;-)



    Plato-vs-Derrida webforumsuser@macromedia.com Guest

  5. #5

    Default Re: CSS Buttons

    Al,

    I'm still missing something. Somthing obvious I'm sure. In Explorer the button highlights only when I mouse over the text, or to the right of the text, not the left? I'm sure I've loused it up, but I don't see where.

    Here is the CSS:

    #RightMenu a:link, #RightMenu a:visited {
    position: relative;
    display: block;
    font-size: 10px;
    font-family: arial;
    color: #999;
    text-align: center;
    background-color: #FFFFFF;
    text-decoration: none;
    border: 1px dashed #0099FF;
    }
    #RightMenu a:hover {
    font-size: 10px;
    font-family: arial;
    text-align: center;
    color: #FFF;
    background-color: #0099FF;
    text-decoration: none;
    border: 1px dashed #CCC;
    }

    Thanks,



    Plato-vs-Derrida webforumsuser@macromedia.com Guest

  6. #6

    Default Re: CSS Buttons

    You still didn't apply it to the right class. Please read my last post that
    gives you the actual class in which to add the position property.

    --
    Al Sparber - PVII
    [url]http://www.projectseven.com[/url]
    Dreamweaver Extensions - DesignPacks - Tutorials - Books
    ---------------------------------------------------------------------
    The PVII Newsgroup | [url]news://forums.projectseven.com/pviiwebdev[/url]
    The CSS Newsgroup | [url]news://forums.projectseven.com/css[/url]
    ---------------------------------------------------------------------



    "Plato-vs-Derrida" <webforumsusermacromedia.com> wrote in message
    news:betmbj$osg$1forums.macromedia.com...
    > Al,
    >
    > I'm still missing something. Somthing obvious I'm sure. In Explorer the
    button highlights only when I mouse over the text, or to the right of the
    text, not the left? I'm sure I've loused it up, but I don't see where.
    >
    > Here is the CSS:
    >
    > #RightMenu a:link, #RightMenu a:visited {
    > position: relative;
    > display: block;
    > font-size: 10px;
    > font-family: arial;
    > color: #999;
    > text-align: center;
    > background-color: #FFFFFF;
    > text-decoration: none;
    > border: 1px dashed #0099FF;
    > }
    > #RightMenu a:hover {
    > font-size: 10px;
    > font-family: arial;
    > text-align: center;
    > color: #FFF;
    > background-color: #0099FF;
    > text-decoration: none;
    > border: 1px dashed #CCC;
    > }
    >
    > Thanks,
    >
    >

    Al Sparber- PVII Guest

Similar Threads

  1. UI - Buttons
    By Adahn in forum Windows Vista
    Replies: 1
    Last Post: March 6th, 08:01 PM
  2. buttons in mc buttons don't work ?
    By rez in forum Macromedia Flash
    Replies: 3
    Last Post: April 20th, 11:26 PM
  3. Buttons inside Buttons Help Please
    By Mike Watt in forum Macromedia Flash
    Replies: 2
    Last Post: September 6th, 04:20 PM
  4. Help with Buttons
    By djm79 webforumsuser@macromedia.com in forum Macromedia Director Basics
    Replies: 2
    Last Post: August 5th, 12:47 PM
  5. swf buttons
    By pyrolabs webforumsuser@macromedia.com in forum Macromedia Dreamweaver
    Replies: 0
    Last Post: July 8th, 11:20 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139