Results 1 to 4 of 4

Thread: what's causing little tick mark next to image

  1. #1
    Join Date
    Nov 2006
    Location
    NW Vermont, (New England)
    Posts
    26
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default what's causing little tick mark next to image

    1) Script Title:
    CSS Popup Image Viewer
    2) Script URL (on DD):
    /*Credits: Dynamic Drive CSS Library */
    /*URL: http://www.dynamicdrive.com/style/ */

    3) Describe problem:
    Have put up a sample page at

    http://www.vt2000.com/test1/port.htm

    Beside the bottom right corner of each thumbnail there is a little tick mark.

    I have to get rid of it, and have tried everything I know -- it refuses to leave.

    The page does not have non-critical images there, nor are there any large pictures for display -- I've simply put up a test page to show the tick marks. The code is in the page for source viewing. (I did *not* create this page (I am in fact replacing an awful, and broken, JS image viewer.) Scrolling down to the Comment "Gallery Begins Here" will get you to the entries for the thumbs.

    Any help very much appreciated.

    This script is one of the cleverest things I've seen in a while.

    Thanks much.
    Clair

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    It is probably your non-standard comments:

    Code:
    <!--- image break --->
    A standard comment begins:

    Code:
    <!-- the space is important . . .
    and ends:

    Code:
     . . . the space at the end is important too -->
    You've got it right, except for the number of dashes and it appears to be a dash that is showing up. Give it a shot.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Ooops, I was wrong, it is style from your other stylesheet creeping in, put this here:

    Code:
    <style type="text/css">
    
    /*Credits: Dynamic Drive CSS Library */
    /*URL: http://www.dynamicdrive.com/style/ */
    
    .thumbnail{
    position: relative;
    z-index: 0;
    }
    .thumbnail:link, .thumbnail:visited, .thumbnail:hover, .thumbnail:active {
    text-decoration:none;
    }
    .thumbnail:hover{
    background-color: transparent;
    z-index: 50;
    }
    
    .thumbnail span{ /*CSS for enlarged image*/
    position: absolute;
    background-color: lighty . . .
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  4. #4
    Join Date
    Nov 2006
    Location
    NW Vermont, (New England)
    Posts
    26
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    John -- Wow --
    Perfect -- thanks so much. I'm new to CSS and would never have found that.
    However, you have been so helpful -- I can't let you think you have wasted your talents on a dork-- have a look at my own stuff--

    http://www.vt2000.com/

    I'm working on another CSS problem, of my own making, and if I may, tomorrow I will ask you about it, if I haven't solved it by then.

    Again, my thanks.
    Clair

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
  •