Style left

dexeloper · Jan 23, 2006

Can someone tell me why 'abc' does not move to the right 500px when you take the cursor over 'shift'?

<html>
<head>
<script language="javascript">
function doEl() {
document.getElementById("opt1").style.left=500;
document.getElementById("opt1").style.visibility="visible";
}
</script>
<style type="text/css">
.opthid {visibility:hidden;}
</style>
</head>
<body>
<div id="opt1" class="opthid">abc</div>
<div onmouseover="doEl()">shift</div>
</body>
</html>

jemminger · Jan 23, 2006

try

Code:

function doEl() {
document.getElementById("opt1").style.left=[!]"500px"[/!];
document.getElementById("opt1").style.visibility="visible";
}

-jeff

http://www.jeffemminger.com

try { succeed(); } catch(E) { tryAgain(); } finally { rtfm(); }
i like your sleeves...they're real big

dexeloper · Jan 23, 2006

That didn't work.

BillyRayPreachersSon · Jan 24, 2006

As well as that change, your CSS should be:

Code:

<style type="text/css">
.opthid {
	visibility:hidden;
}
#opt1 {
	position: relative;
}
</style>

You cannot arbitrarily move non-positioned (i.e. static) elements - that's why they're called static!

Hope this helps,
Dan

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

dexeloper · Jan 24, 2006

Dan

You're a star.

Many thanks,
dexeloper

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Style left

dexeloper

Programmer

jemminger

Programmer

dexeloper

Programmer

BillyRayPreachersSon

Programmer

dexeloper

Programmer

Similar threads

Part and Inventory Search

Sponsor