Results 1 to 2 of 2

Thread: Blue Border Using DOM Image Rollover

  1. #1
    Join Date
    Dec 2008
    Location
    Selby, North Yorkshire
    Posts
    90
    Thanks
    28
    Thanked 2 Times in 2 Posts

    Default Blue Border Using DOM Image Rollover

    1) Script Title:
    DOM Image Rollover v3.0
    2) Script URL (on DD):
    http://www.dynamicdrive.com/dynamicindex15/domroll.htm
    3) Describe problem:

    I am updating our website to XHTML and have noticed the menu buttons now have a blue border. Why is this happening? Can it be enhanced so you can have a red border, indents, outdents etc.

    Please see the old page;
    http://www.furrytalesflyball.co.uk/AboutUs.htm

    and the new page;
    http://www.furrytalesflyball.co.uk/AboutUs.html

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    That's normal, as browsers by default will render a blue border around image links. To change this, you can target the "domroll" CSS class inside your CSS. To remove the blue link, you'd do something like:

    Code:
    <style>
    .domroll{
    border-width:0;
    }
    </style>
    To change the border to red and make it thicker, you can do:

    Code:
    <style>
    .domroll{
    border: 5px solid red;
    }
    </style>
    DD Admin

  3. The Following User Says Thank You to ddadmin For This Useful Post:

    BorderTerroir (05-10-2011)

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
  •