Ansicht:   

#263180 Bildgröße per javascript ändern (web.design)

verfaßt von Mike_R zur Homepage von Mike_R, Rosenheim, 10.03.2011, 20:11:57

Erst mal wieder herzlichen Dank für die weitere Hilfestellung.
Hab schon vor ein paar Stunden mit dieser Antwort angefangen, aber dann ist mir zwischendrin immer wieder etwas eingefallen, was mich ein Stückchen weiter brachte - und womit ich dann Dich nicht mehr belästigen muss.

> Dann ist das Element vermutlich nicht positioniert.
Nachdem in der CSS-Datei \'position: relative;\' steht, hab ich das in javascript nicht reingeschrieben, aber nun folgende Zeile ergänzt:
document.getElementById(ident).style.position = \'relative\';

> Wie ich schon schrieb: wildes Rumraten bringt\'s nicht.
Da hast Du ja völlig recht. Aber wenn ich mit dem \'Nachschlagen\' bzw. \'Ergoogeln\' nicht weiterkomme, bleibt mir immer nichts anderes übrig, als sog. Varianten auszuprobieren, die durchaus ab und zu auch neue Erkenntnisse vermitteln.
Dass dabei- mangels exakten Wissens - auch oft Unsinniges probiert wird, ist mir schon klar.

> alert(document.getElementById(ident).style.left);
> zeigen lasse, erscheint die \'-41\'.
> Wirklich? Da sollte aber \'-41px\' rauskommen.

Ja, da erscheint \'-41px\' (sorry, dass ich die px weggelassen hab.)

> Angaben zu left werden nur für positionierte Elemente
> berücksichtigt.

Versteh ich jetzt nicht! Heisst das, dass img-Elemente dann nicht berücksichtigt werden?

> Bei Deinem Arbeitsstil des planlosen Herumratens wundert mich die
> Erfolglosigkeit nicht wirklich.

Siehe Antwort oben!

Ein Problem - für mich - bei der ganzen Sache ist, CSS-Code und javacript-Code unter einen Hut zu bringen. Bin jetzt immerhin so weit, dass es \'nur\' noch an einer Sache hakt.
Es gibt in der html-Datei ein
<div class = \"menu\">
<a id = \"menuAktivLink\" href=\"index.html\">
<img id=\"b1\" src=\".....
In der CSS-Datei soll nun mit

position: relative;
left:-41px; top:0px;

das entspr. Bild nach links gerückt werden. Wie muss die \'Kopfzeile\' aussehen, damit er darauf reagiert? (.menu ? #menuAktivLink ? .menu #menuAktivLink ? .menu a #menuAktivLink ...) (ich weiß, das schaut schon wieder nach Probieren aus, aber - siehe oben!)

Mike_R

 

gesamter Thread:

Ansicht:   
Auf unserer Web-Seite werden Cookies eingesetzt, um diverse Funktionalitäten zu gewährleisten. Hier erfährst du alles zum Datenschutz