www.webdeveloper.com
Results 1 to 3 of 3

Thread: [RESOLVED] css/jquery drop-downs

  1. #1
    Join Date
    Jun 2003
    Location
    Indiana, USA
    Posts
    1,138

    resolved [RESOLVED] css/jquery drop-downs

    I am working on http://development.martz.me/theme/web.htm

    I am using http://www.sohtanaka.com/web-design/...-w-css-jquery/ for the css/jquery drop-downs. I have the drop-downs working great but I cannot get the drop-down to move left or right based on what tab Im workign with. In the tutorial, it wants me to set position: relative on the link's ul. I cannot do this due to how my menu works. Any suggestions?

  2. #2
    Join Date
    Jul 2009
    Posts
    184
    position relative would have been the easy way: but, if you can't use that then you could give each div.sub element a separate id and position them individually.

    After adding id's to the 3 div.sub elements your css could look something like this:
    Code:
    #sub1 {
    position: absolute;
    left: 0px
    }
    
    #sub2 {
    position: absolute;
    left: 100px
    }
    
    #sub1 {
    position: absolute;
    left: 200px
    }
    A bit more work but that should do it.

  3. #3
    Join Date
    Jun 2003
    Location
    Indiana, USA
    Posts
    1,138
    Thanks WestWeb. I based what I did off of your reply. Here is what I did...

    Code:
    div#menu li#cl .sub {
            left:190px;
    }
    div#menu li#art .sub {
            left:325px;
    }

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