JavaScript CSS Margin-Left verändern

07/26/2012 23:27 ~iceT~#1
Moin,

würde gerne eine Box mit JavaScript und CSS zum Teil verschwinden lassen.
Wenn ich allerdings im JavaScript versuche die MarginLeft Eigenschaft zu verändern, wird die Zeile im Netbeans sofort unterwellt, und es tut sich auch im Browser nix.....
Könnt ihr mir sagen was ich falsch mache ?

document.getElementById('logo').style.marginLeft = -10px;

lg
07/26/2012 23:47 kissein#2
Quote:
document.getElementById('logo').style.marginLeft = "-10px";
quote den value

//EDIT: [Only registered and activated users can see links. Click Here To Register...]
07/27/2012 00:13 ~iceT~#3
danke

sooo, leider brauche ich nochmal eure hilfe....

habe das ding jetzt fertig (so wie ich mir es vorgestellt habe)

HTML Code:
PHP Code:
<div id="logo" onmouseover="bewegen();" onmouseout="document.getElementById('logo').style.marginLeft ='0';"></div> 
JS Code:
PHP Code:
function bewegen() {
    var weite = 200;
    document.getElementById('logo').style.marginLeft -=weite;
} 
doch leider Funktioniert das ganze nur einmal, also einmal gehts nach links, dann wieder in die Ausgangsposition... Wenn ich dann wieder mit der Maus drüber gehe bewegt sich leider nichts mehr :(
07/27/2012 01:15 kissein#4
wäre da CSS nicht praktischer ?

sieht mir zu umständlich aus
Quote:
div#logo { margin:0;}
div#logo:hover { margin-left:-200px;}
//EDIT: Achja Fehler war ja noch in javascript

Quote:
function bewegen() {
var weite = "200";
document.getElementById('logo').style.marginLeft = -weite + "px";
}
Quote:
<div id="logo" style="" onmouseover="bewegen();" onmouseout="document.getElementById('logo').style. marginLeft = '0px';"></div>
immer fleissig quoten und Maßangaben abgleichen
07/27/2012 01:22 ~iceT~#5
danke^^

also ich hab in der Homepage zwar schon hover drinnen, aber auf das wär ich nie gekommen :D
wieso einfach wenns schwierig auch geht :handsdown:
07/27/2012 02:47 Biboja#6
Mh, ja .. CSS3 - Das Wunder von Morgen :P

Aber ich muss kissein recht geben.. Es gibt nix über gute " " " " :D