#1
  1. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2003
    Posts
    17
    Rep Power
    0

    css style in anchor tag


    Hi,

    I have this css style:

    .rollover{border: solid 1px #666666; }

    and try to place this to:

    <a class="rollover" href="blah">link</a>

    The problem is that in netscape 4.7, the link is not working, which is not clickable. However in IE, it is fine. Is it the netscape problem or my script problem? Please enlighten!

    thanks in advance!

    Cheers
    Pieter
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2003
    Location
    Formby
    Posts
    52
    Rep Power
    11
    You should be using:

    .rollover{border-style: solid 1px #666666; }

    Unfortunately only netscape 6.0 and above supports this. Check out http://www.w3schools.com/css/css_reference.asp for a list of all the CSS elements and their browser compatability.

    John
  4. #3
  5. |<.+#f@#+.&.|
    Devshed Loyal (3000 - 3499 posts)

    Join Date
    Mar 2002
    Location
    norway
    Posts
    3,009
    Rep Power
    1224
    @john-formby
    actually it is correct to use the short form border:
    when using border-style you only should assign the styling type, so yours example is wrong.
  6. #4
  7. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2003
    Location
    Formby
    Posts
    52
    Rep Power
    11
    Oops sorry. I didn't read it properly. Border is correct.

    John
    Last edited by john-formby; December 14th, 2003 at 10:56 AM.
  8. #5
  9. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2003
    Location
    Montreal, Quebec
    Posts
    51
    Rep Power
    12
    the proper 'border' format is as follow:

    border:size type color

    so you'd need border:1px solid #666666;

IMN logo majestic logo threadwatch logo seochat tools logo