Results 1 to 3 of 3

Thread: Image gallery

  1. #1
    Join Date
    May 2011
    Posts
    49
    Thanks
    17
    Thanked 1 Time in 1 Post

    Default Image gallery

    I have used this image gallery: http://www.dynamicdrive.com/style/cs...gallery/#thumb

    It works if I put the CSS in the header, but not if I put it in a .CSS file and provide a link like this:

    <link href="HooverPopUp.css" rel="stylesheet" type="text/css" />

    I put everything in there except for the <style></style> encapsulation.

    Code:
    /*Credits: Dynamic Drive CSS Library */
    /*URL: http://www.dynamicdrive.com/style/ */
    
    .gallerycontainer{
    position: relative;}
    /*Add a height attribute and set to largest images height to prevent overlaying*/
    
    
    .thumbnail img{
    border: 1px solid white;
    margin: 0 5px 5px 10px;
    }
    
    .thumbnail:hover{position: relative;z-index: 0;
    background-color: transparent;
    }
    
    .thumbnail:hover img{
    border: 1px solid blue;
    }
    
    .thumbnail span{ /*CSS for enlarged image*/
    position: absolute;
    background-color: lightyellow;
    padding: 5px;
    left: -1000px;
    border: 1px dashed gray;
    visibility: hidden;
    color: black;
    text-decoration: none;
    }
    
    .thumbnail span img{ /*CSS for enlarged image*/
    border-width: 0;
    padding: 2px;
    }
    
    .thumbnail:hover span{ /*CSS for enlarged image*/
    visibility: visible;
    top: 0;
    left: 50px; /*position where enlarged image should offset horizontally */
    z-index: 50;
    }
    Here's the html:
    Code:
    <div class="gallerycontainer" style="margin-left: 10px">
    <a class="thumbnail" href="#thumb">Explanation<span><img alt="" src="images/ESCombo12MoEC.JPG" /></span></a>
    </div>
    Here's the page:http://www.siftradingsystems.com/P15Ea.html

    How to make the open on hoover work?

  2. #2
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    2,044
    Thanks
    3
    Thanked 270 Times in 264 Posts

    Default

    Hi there Atom,

    there is no "HooverPopUp.css" file in the root directory...


    ...or in the "css" folder...


    ...so where have you hidden it?

    coothead

  3. #3
    Join Date
    May 2011
    Posts
    49
    Thanks
    17
    Thanked 1 Time in 1 Post

    Red face

    Quote Originally Posted by coothead View Post
    Hi there Atom,

    there is no "HooverPopUp.css" file in the root directory...


    ...or in the "css" folder...


    ...so where have you hidden it?

    coothead
    Uh duh, do yose spel hoover with one o or 2?
    Sorry, it works fine.

Similar Threads

  1. Replies: 1
    Last Post: 02-26-2012, 01:06 PM
  2. Replies: 11
    Last Post: 07-23-2010, 05:03 PM
  3. CMotion Image Gallery with no end of gallery
    By martino in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 05-02-2008, 02:16 PM
  4. CMotion Image Gallery II. More tha 1 gallery in 1 page?
    By bernardo in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 01-12-2007, 11:21 PM
  5. CMotion Image Gallery script: question on end of gallery message
    By monique in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 01-02-2007, 03:27 PM

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
  •