Beiträge von infernalshade

Hallo!

Ich habe 3 div's...alle mit "position:absolute;" positioniert.

Im oberen div ist die header-grafik.
Im unteren div ist die footer-grafik.
Im mittleren div liegt ein iframe drin.

In dem iFrame spielt sich eine Befragung ab, Seite für Seite...

So, soviel erstmal zum Szenario

Also mein Vorhaben ist, einen weiteren (vierten) div auf der Hauptseite zu erstellen in dem sich eine Fortschritts-Anzeige befindet, also z.b. "Schritt 3 von 5".

Aber wie kann ich sowas bewerkstelligen? Wie kann ich es anstellen, das die Hauptseite "merkt" das im iFrame weitergesprungen wurde?

Kann mir da jemand helfen?

PS: Bitte keine Kommetare, ich solle die Seite komplett in div's umbauen weil iFrame's bäh sind Einer der Gründe ist ganz einfach der, dass sich die Befragung ständig ändert und an einer anderen Stelle gewartet wird!

mfg
infernalshade

ausserdem hat das rein gar nichts mit html,xhtml oder css zu tun...

hab lightbox selber leider noch nicht benutzt von daher kann ich dir leider auch nicht helfen!

aber such doch mal bei google, da findest bestimmt was zu lightbox, weil die viel und gern benutzt wird!

mfg

das javascript an sich frisst halt BISSL performance...also erst wenn man ein bild aufmacht!

aber das es die seite generell langsamer macht würd ich jetzt nicht sagen!

mfg

naja gut, musst ausprobieren!
vllt reichts ja bei deiner anzahl von bildern

mfg
infernalshade

jo das stimmt leider

naja egal dann müssen die damit leben...lassen tu ichs jetzt auf jeden fall so..

falls es jemanden interessiert, im anhang ist die komplette seite zu sehen, damit ihr vllt ein bisschen besser seht das es unsinn wäre den iframe kleiner zu machen!

mfg
infernalshade

such mal bei google nach lightbox!
mit dem geht das ganz leicht,
aber wenn das mehrere bilder sind die du darstellen willst ist diese methode fast zu langsam und zu performance-fressend!

mfg
infernalshade

dann müsst ich den iframe quasi "einrücken"....das würd schon gehn, aber ich brauch leider die volle breite von 1024px !

mfg

so wie ichs verstanden habe meinst du das ich einfach das ich den iframe verkleinern soll bis er nur mehr von der spitze rechts oben zu der spitze unten links ragt, oder?!

wenn ja, das will ich ja nicht, ich will ja ne überlagerung find ich stylischer

mfg

zwar ne gute überlegung aber ich glaub das funzt nicht, weil ja die grafik ja trotzdem 4eckig ist! du legst ja nur eine map auf die grafik auf die man dann z.b. einen link legen kann oder so!

mfg

also da die seite nur intern verwendet wird, würde es reichen es nur im ie zu sehen!

muss ich mal ausprobieren, danke!

mfg

Das ist blöd wollte da gerne was mit überlagerungen machen...

Hab aber sowas schonmal auf einer anderen Seite gesehn das sowas geht!

Weis aber die Seite leider nicht mehr

mfg

Nene du verstehst mich falsch

Es ist so:

ich hab 3 div's die mit position:absolute; positioniert sind.

ein div ganz oben, da ist ein png-bild drin das die headergrafik darstellt.
ein div hält den iframe und ist in der mitte
und der letzte div ist unten und hält eine png-grafik die die footergrafik darstellt.

die header-png und die footer-png haben jetzt aber eine leichte schwingung drin, das heißt es ist die footer-png auf der rechten seite niedriger als auf der linken seite. nur da wo die "schwingung" verläuft ist die grafik eben transparent, damit man den iframe im hintergrund sieht.

und das problem ist nun das man durch die "transparente schwingung" nicht auf das iframe durchklicken kann, weil die png ja eigentlich 4-eckig ist!

mfg
infernalshade

EDIT:
Hab mal ein Bild angefügt mit dem Problem. Man kann nicht auf das Eingabefeld neben dem Typen klicken, weil ja eigentlich die Grafik (roter kasten) über das feld darüber-ragt und man den hintergrund nur sehen kann weil das png an dieser stelle transparent ist.

Stells dir wie eine Baumstruktur da...wenn du im body sagst "color:red;" ist überall auf der Seite der Text rot, es sei denn du legst z.b. für eine Tabellen-Zelle eine neue Klasse an wo drin steht "color:black" dann ist alles was in der zelle drin ist schwarz.

dies ist praktisch wenn du z.b. einen hover-effekt machst, das kannst z.b. so machen:

.link {
text-decoration:none;
color:red;
font-size:12px;
}


.link:hover {
text-decoration:underline;
}

das heißt du musst bei untergeordneten sachen nur die veränderungen angeben und nicht ein zweites mal "color:red" z.b.

mfg
infernalshade

Hallo!

Ich habe eine Seite wo im Hintergrund ein div ist, das einen iFrame beinhaltet. Im Vordergrund ist eine Header und eine Footer-Grafik die leicht geschwungen ist und über den IFrame "drüber ragt".

Das Problem:
Man kann durch das transparente PNG nicht "durchklicken", auf das, was im Hintergrund liegt! Sehen tut mans ja (z.b. einen link oder so), wegen der transparenten Farbe, aber man kann so lange nicht darauf klicken bis der link nicht mehr von einem transparenten Teil der PNG überlagert wird.

Meine Frage:
Gibts da irgend nen Work-Around oder ne Lösung oder keine Ahnung?

mfg
infernalshade

-entfernt-

-entfernt-

-entfernt-

-entfernt-