Results 1 to 6 of 6

Thread: Cmotion gallery - can you disable url border?

  1. #1
    Join Date
    Mar 2011
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Cmotion gallery - can you disable url border?

    1) Script Title: CMotion Gallery

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...iongallery.htm

    3) Describe problem: I would like to remove the thin gray border that appears when you rollover a url link on an image. Setting the border to "0" does not seem to work. Any tips would be appreciated.

    thanks
    matt

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    That just appears to be the standard highlight to indicate a link - some CSS rules should fix it;

    Try this;
    Code:
    <style type="text/css">
    motioncontainer a { border:none; }
    </style>
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  3. #3
    Join Date
    Mar 2011
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks for the speedy reply. Tried the code but it doesn't seem to work within the Gallery. Usually the link border is a thicker blue, this is a very thin grey border...

  4. #4
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    There is a thin grey border around the images on the demo but that appears to be part of the images themselves.

    You'll need to post a link to your page because I dont really know what else you're referring to.
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  5. #5
    Join Date
    Mar 2011
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I have had a look at the demo's image and it doesn't have the border so it is definitely something that is being added by the code. Here is a link to the page I am constructing (http://www.clockhousedesign.co.uk/tr...ces/index.html) I am using Cmotion at the bottom of the page to display various logos which are transparent png files. Obviously the ones with out the grey border do not have a url link.
    Once again appreciate your help!

  6. #6
    Join Date
    Mar 2011
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I have figured this out now. The thin grey border was being specified in the gallerystyle.css in the following code:

    #motioncontainer a img {
    border: 0; /* Set image border color */
    }

    #motioncontainer a:hover img {
    border: 0; /* Set image border hover color */
    }

    #statusdiv {
    background-color: lightyellow;
    border: 0;
    padding: 2px;
    position: absolute; /* Stop Editing Gallery Styles */
    left: -300px;
    visibility: hidden;
    }

    I set the border in all three to 0; and this did the trick. Thanks for your help though Beverleyh.

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
  •