www.webdeveloper.com
Results 1 to 6 of 6

Thread: jquery link help

  1. #1
    Join Date
    Dec 2003
    Location
    UK
    Posts
    1,141

    jquery link help

    Hey guys im playing around with jquery, and used a pre installed plugin for the lavalamp style menu its called as you can see on this site here

    http://www.juicingforum.co.uk

    any idea why the links are not workable, such as forum you click and nothing happens.

    Any help is appreciated

  2. #2
    Join Date
    Jan 2005
    Location
    Frankfort, KY, USA
    Posts
    6,167
    I suggest setting the z-index for each of the elements, making sure the link is on top (z-index: 1000).
    FYI
    * My screen resolution is set at 1680x1050
    * I'm accessing your site through a T1 line
    * I'm probably viewing it using Firefox (unless browser is specified)

  3. #3
    Join Date
    Dec 2003
    Location
    UK
    Posts
    1,141
    hey KDLA thanks for the reply, although ive copied and pasted from the downloadable .zip so whats diff on mine than the offline version.

    as im worried about backwards compatability with jquery i dont know anything about it. do i add that to all elements via style sheet and if so how do i do that?

    cheers for the help

  4. #4
    Join Date
    Dec 2003
    Location
    UK
    Posts
    1,141
    Code:
       .lavaLampWithImage {
                position: relative;
                height: 29px;
                width: 421px;
                background: url("bg.gif") no-repeat top;
                padding: 15px;
                margin: 0px 0;
                overflow: hidden;
            }
                    .lavaLampWithImage li {
                        float: left;
                        list-style: none;
                    }
                        .lavaLampWithImage li.back {
                            background: url("lava.gif") no-repeat right -30px;
                            width: 9px; height: 30px;
                            z-index: 8;
                            position: absolute;
                        }
                            .lavaLampWithImage li.back .left {
                                background: url("lava.gif") no-repeat top left;
                                height: 30px;
                                margin-right: 9px; /* 7px is the width of the rounded shape */
                            }
                        .lavaLampWithImage li a {
                            font: bold 14px arial;
                            text-decoration: none;
                            color: #fff;
                            outline: none;
                            text-align: center;
                            top: 7px;
                            text-transform: uppercase;
                            letter-spacing: 0;
                            z-index: 10;
                            display: block;
                            float: left;
                            height: 30px;
                            position: relative;
                            overflow: hidden;
                            margin: auto 10px;    
                        }
                            .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
                                border: none;
                            }
    that is the stylesheet their im sure that means link is on top already?

    cheers

  5. #5
    Join Date
    Dec 2003
    Location
    UK
    Posts
    1,141
    ive been staring at all my code which is not alot lol and cant figure out why the links are not clickable at all.

    ive tested all browsers aswell and its the same in them.

    any ideas guys is appreciated.

  6. #6
    Join Date
    Dec 2003
    Location
    UK
    Posts
    1,141
    sorry to keep going on guys bear with me lol.

    cant find any info on the net what would suggest the problem is, could it be the javascript?

    id assume not as like i say i touched nothing just uploaded.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles