iframe mit img verknüpfen
0 
Marian
0
iframe mit img verknüpfen
Gernot BackHallo Leute,
habe ein Problem und hoffe dass ihr mir dabei helfen könnt. Bei einer Bidschirmauflösung von 1024x768 px sieht die folgende Seite gut aus...
[Code]
<html>
<head>
<title>Startseite</title>
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="imagetoolbar" content="no" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<map name="Menu">
<area shape="rect" coords="39, 158, 195, 182" href="Home.html" alt="Home">
<area shape="rect" coords="39, 193, 195, 217" href="Bilder.html" alt="Bilder">
<area shape="rect" coords="39, 228, 195, 252" href="Kontakt.html" alt="Kontakt">
<area shape="rect" coords="39, 264, 195, 288" href="Impressum.html" alt="Impressum">
</map>
<center>
<iframe src="Text.html" style="left: 337; top:80; width: 526px; height:481px; position:absolute; background-color:#DCDEED" ></iframe>
<img border="0" src="images/Vorlage.gif" width="800" height="600" usemap="#Menu">
</body>
</center>
</html>
[/CODE]
jedoch wenn ich eine andere Auflösung einstelle, ist das Inlineframe an einer anderen Stelle. Kann man nicht das Image mit dem Inlineframe irgendwie verbinden? Wäre froh, wenn das funktionieren würde, da ich 3 Wochen für die Gestaltung des Bildes gebraucht habe.
Ich freue mich über jede Hilfe.
__________________
Liebe Grüße
Barbara
-
Hi ,
Hallo Leute,
habe ein Problem und hoffe dass ihr mir dabei helfen könnt. Bei einer Bidschirmauflösung von 1024x768 px sieht die folgende Seite gut aus...
<iframe src="Text.html" style="left: 337; top:80; width: 526px; height:481px; position:absolute; background-color:#DCDEED" ></iframe>
<img border="0" src="images/Vorlage.gif" width="800" height="600" usemap="#Menu">lass doch mal das width:526px im iframe weg, vielleicht hilft das? Du willst die datei in dem iframe anzeigen und mit dem bild-menu auswählen? > Wäre froh, wenn das funktionieren würde, da ich 3 Wochen für die Gestaltung des Bildes gebraucht habe. Und wenn mal noch ein menüpunkt dazukommt? Ich würde dir [sowas](http://aktuell.de.selfhtml.org/artikel/css/mouseover/) empfehlen. Gruß, Marian -- Mein SelfCode: [ie:{ fl:( br:%3E va:) ls:\[ fo:) n4:( ss:) de:\] js:| ch:? mo:} zu:)](http://www.peter.in-berlin.de/projekte/selfcode/?code=ie%3A%7B%20fl%3A%28%20br%3A%253E%20va%3A%29%20ls%3A%5B%20fo%3A%29%20n4%3A%28%20ss%3A%29%20de%3A%5D%20js%3A%7C%20ch%3A%3F%20mo%3A%7D%20zu%3A%29)-
Hallo Marian,
danke für die schnelle Antwort.
lass doch mal das width:526px im iframe weg, vielleicht hilft das?
Du willst die datei in dem iframe anzeigen und mit dem bild-menu auswählen?das habe ich probiert, das Problem ist jedoch immer noch da.
Das bild habe ich mit Adobe Photoshop Elements erstellt, dort habe ich die Möglichkeit weitere Ebenen zu erstellen, die die Schaltflächen darstellen.
Gruß
Barbara-
Gibt es vielleicht die Möglichkeit in images auch Textfelder einzubinden, in den man scrollen kann?
-
Hallo Barbara,
Gibt es vielleicht die Möglichkeit in images auch Textfelder einzubinden, in den man scrollen kann?
Klar, wenn du das Bild einem Blockelement als Hintergrund zuweist, es mit einer Weiten- und Höhenangabe versiehst und overflow auf auto stellst.
Oder meinst du mit "Textfeld" ein Formularelement? Ja auch das kann man mit einem Hintergrundbild versehen und falls gewünscht auch auf readonly schalten.
Gruß Gernot
-
-
-
-
puts "Hallo " + gets.chomp + "."
?> Barbara
=> Hallo Barbara.habe ein Problem und hoffe dass ihr mir dabei helfen könnt. Bei einer Bidschirmauflösung von 1024x768 px sieht die folgende Seite gut aus...
Ich vermute, dass sie nicht mehr so gut aussieht, wenn man das Fenster nicht auf Vollbild lässt.
<html>Gib hier bitte einen DOCTYPE an.
<head>
<title>Startseite</title>
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="imagetoolbar" content="no" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">Ich empfehle dir, dich etwas mit [CSS](http://de.selfhtml.org/css/) zu befassen und diese Stilangaben auch dort zu tätigen. > ~~~html <map name="Menu"> > <area shape="rect" coords="39, 158, 195, 182" href="Home.html" alt="Home"> > <area shape="rect" coords="39, 193, 195, 217" href="Bilder.html" alt="Bilder"> > <area shape="rect" coords="39, 228, 195, 252" href="Kontakt.html" alt="Kontakt"> > <area shape="rect" coords="39, 264, 195, 288" href="Impressum.html" alt="Impressum"> > </map> > <center>Siehe CSS.
<iframe src="Text.html" style="[code lang=css]left: 337; top:80; width: 526px; height:481px; position:absolute; background-color:#DCDEED" ></iframe>
<img border="0" src="images/Vorlage.gif" width="800" height="600" usemap="#Menu">
</body>
</center>
</html>
[/code]jedoch wenn ich eine andere Auflösung einstelle, ist das Inlineframe an einer anderen Stelle.
Und das wundert dich? Du hast es ja auch absolut an einer Stelle im Fenster festzementiert, eine dynamische Anpassung an den tatsächlich zur Verfügung stehenden Platz ist somit nicht mehr möglich.
Kann man nicht das Image mit dem Inlineframe irgendwie verbinden?
Du kannst beide in ein Blockelement packen und somit gemeinsam platzieren. Hier empfehle ich dir aber auf position:absolute zu verzichten und die Ausrichtung lieber mit margin von Statten gehen zu lassen.
Gruß, Ashura
--
Selfcode: sh:( fo:) ch:? rl:( br:^ n4:& ie:{ mo:) va:) de:> zu:) fl:( ss:| ls:[ js:|
30 Days to becoming an Opera8 Lover -- Day 19: Notes
Meine Browser: Opera 8.01 | Firefox 1.0.4 | Lynx 2.8.3 | Netscape 4.7 | IE 6.0
[Deshalb frei! - Argumente pro freie Software]-
Vielen Dank, ich werde es gleich austesten.
-