help with CSS and internet explorer

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • Joshua Smith

    help with CSS and internet explorer

    Before I get started with my questions, I'd like to say thanks to
    everyone for the time they may take helping me.

    I'm fairly new to style sheets, so please excuse any ignorance. I've
    set up my website and things look like I want them to in Mozilla and
    Safari. I've also validated the style sheets against the W3C CSS
    Validator and everything is valid.

    I have two main problems.

    First. I use my css to create a role over effect for my navigation
    bar. The naviagtion bar is set up in a table and I then apply a css
    class to each td element.

    Here's the HTML
    <table width="700" cellpadding="0" cellspacing="0" align="center"
    border="0"><tr>
    <td width="100" height="28" class="button"> <a href="index.htm l"[color=blue]
    >Home</a></td>[/color]
    <td width="100" class="button"> <a href="guest.php ">Guestbook </a></td>
    <td width="500"><!-- dummy button --></td>
    </tr></table>

    Here's the CSS
    ..button {
    background-color:#CCCCFF;
    font: 100% "Times New Roman", Times, serif;
    font-size:20px;
    text-align:center;
    border-color:#CCCCFF;
    border-style:solid;
    border-width:thin;
    }

    ..button a {
    text-decoration:none ;
    color:#000000;
    display:block;
    }

    ..button:hover {
    background-color:#CCCCCC;
    border-color:#000000;
    }

    When hovering over the buton in IE the background and the border color
    do not change.

    Second. I use Moveable Type to publish a blog on my website. When I
    click on the "continue reading" link for a post the styles aren't
    applied properly. They do get applied, but only i do something like
    minimizing and maxamizing the window.

    my website: http://www.joshuawsmith.com
    my stylesheet: http://www.joshuawsmith.com/styles-site.css

    Thank you for any help you may provide and please excuse my ignorance.
  • Steve Pugh

    #2
    Re: help with CSS and internet explorer

    josh@joshuawsmi th.com (Joshua Smith) wrote:
    [color=blue]
    >When hovering over the buton in IE the background and the border color
    >do not change.[/color]

    IE only supports :hover on <a> elements. :-(

    Steve

    --
    "My theories appal you, my heresies outrage you,
    I never answer letters and you don't like my tie." - The Doctor

    Steve Pugh <steve@pugh.net > <http://steve.pugh.net/>

    Comment

    • David Dorward

      #3
      Re: help with CSS and internet explorer

      Joshua Smith wrote:
      [color=blue]
      > When hovering over the buton in IE the background and the border color
      > do not change.[/color]

      Internet Explorer does not support :hover except on <a> elements with href
      attributes.

      Try http://css.maxdesign.com.au/listamatic/

      --
      David Dorward <http://blog.dorward.me .uk/> <http://dorward.me.uk/>

      Comment

      Working...