SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Hybrid View

  1. #1
    SitePoint Guru
    Join Date
    Aug 2004
    Location
    Canada
    Posts
    730
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    dhtml: how to prevent hover moving list down

    I'm testing my <li></li> on IE6 and I'm having difficulty trying to prevent the list go downward once I hover for a brief here's the script (I id-ed the <li>s as li1, li2...):
    Code:
    				
    function TopCope1(hoveritem){
    	hp = document.getElementById("p1");
    	//document.getElementById("myImage").src="hackanm.gif"
    	// Set position of hover-over popup
    	document.getElementById("li1").style.paddingTop = "25px"
    	document.getElementById("li1").style.display = "block"
    	document.getElementById("li1").style.width = "200px"
    	document.getElementById("li1").style.zIndex = "2"
    	hp.style.position = "absolute";
    	hp.style.top = hoveritem.offsetTop + 40;
    	hp.style.left = hoveritem.offsetLeft - 450;
    	hp.style.height= 100;
    	hp.style.width= 450;
    	hp.style.zIndex= "3";
    	hp.style.border = "dashed black 1px";
    	hp.style.display = "block";
    	hp.style.textAlign = "left";
    	hp.style.padding = "15px";
    	hp.style.backgroundColor = "#DDC4A6";
    	document.getElementById("spanamazon1").style.position = "absolute";
    	document.getElementById("spanamazon1").style.left = hoveritem.offsetLeft + 100;
    
    	//hp.style.img.display = "inline";
    }
    But if you want in detail see the attachment in txt format.
    Thanks.
    Last edited by gilgalbiblewheel; Jul 31, 2007 at 06:06.
    Compare bible texts (and other tools):
    TheWheelofGod

  2. #2
    SitePoint Wizard gRoberts's Avatar
    Join Date
    Oct 2004
    Location
    Birtley, UK
    Posts
    2,439
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    There is probably a CSS resolution to do this. Might be worth asking there also.


  3. #3
    SitePoint Guru
    Join Date
    Aug 2004
    Location
    Canada
    Posts
    730
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ok thanks.
    Compare bible texts (and other tools):
    TheWheelofGod


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
  •