SitePoint Sponsor

User Tag List

Results 1 to 8 of 8

Thread: CSS Rollover

  1. #1
    SitePoint Zealot ChrisOSX's Avatar
    Join Date
    May 2002
    Posts
    104
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS Rollover

    Has a work-around ever been developed for the CSS rollover that was presented on ALA for Netscape 6.2? It currently only works correctly in IE5.x.



    The article is at:

    http://alistapart.com/stories/rollovers/

  2. #2
    Grumpy Mole Man Skunk's Avatar
    Join Date
    Jan 2001
    Location
    Lawrence, Kansas
    Posts
    2,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Works fine for me in Mozilla RC3, which uses virtually the same rendering engine as NS6. I'm using CSS rollovers on my latest site and they work fine on NS6, Mozilla, IE5+ and Opera:

    www.nemeweb.com

  3. #3
    SitePoint Zealot ChrisOSX's Avatar
    Join Date
    May 2002
    Posts
    104
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Try the Link

    If you follow the link, you'll notice on NS6.2 for Mac, and NS6.2 for Windows that the colored area does not appear in the proper location in the example used.

    It is true, your site's rollovers work properly, so what have you done differently than in the example given on ALA?

  4. #4
    Robert Wellock silver trophybronze trophy xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,316
    Mentioned
    60 Post(s)
    Tagged
    0 Thread(s)
    I believe that Skunk has used the standard CSS rollover without a transparent image, which is probably one of the main differences between ALA and the Nemesis site.

  5. #5
    SitePoint Wizard johnn's Avatar
    Join Date
    Mar 2001
    Location
    Southern California, USA
    Posts
    1,181
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi xhtmlcoder,
    What is the purpose of your website, teaching xhtml and css?

  6. #6
    Robert Wellock silver trophybronze trophy xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,316
    Mentioned
    60 Post(s)
    Tagged
    0 Thread(s)
    It has no particular purpose, other than it exists for me to play with and I know a substantial amount of people download the movie files there, so it does serve a purpose, just I haven't given it one until 2003.

    If you believe it would be "useful" that I gave it a purpose I may well do and actually give it a theme next year.

    However, I have made many sites with some purpose before for example: Worth Valley YFC which is not an advertisement and the page hasnít been completed and will not function correctly on all browsers.
    Last edited by xhtmlcoder; Jun 7, 2002 at 05:57.

  7. #7
    Posts rarely lloydi's Avatar
    Join Date
    Jan 2002
    Location
    Swindon UK
    Posts
    620
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The rollover CSS thing seems to work fine for me, but the usual caveats about Netscape 4 apply - as in "What's a hover?"

    I personally would use plain old text and change properties in CSS, avoiding use of images completely.

    However, as in ALA example, it's useful to use the transparent images areas when you want a specific font (such as MiniMono which is great for web) and don't want to embed the font.

    [and with this post I become an addict ]
    Last edited by lloydi; Jun 6, 2002 at 07:57.
    Build Your Own Web Site the Right Way!
    A beginners' HTML/CSS book with web standards at its heart
    The Ultimate HTML Reference
    A complete reference, in glorious hardback

  8. #8
    SitePoint Enthusiast
    Join Date
    Jun 2002
    Posts
    69
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    haven't tested this... but it has fixed similar bugs for me in the past...

    { display:block; background-color: #ccc9a9; color: #cc6600; }

    the display block bit has helped me fix similar NS6 bugs in the past... oh and if you can make sure to spec width and height of img and its container (div or td).

    that combo has helped me in the past.

    good luck


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
  •