• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

iFrame verkleinern

W

Witschi262

Blogger
Hey :)

Ich habe einen 320px * 140px iFrame.
Allerdings möchte ich die Maße 100px*100px bekommen.

Das klappt ja ganz gut, allerdings bei der Länge, (also height) wird es von "unten" her verkleinert.
Also, es wird von unten nach oben einfach nur "geschoben".

Ich möchte es einfach andersrum. Von oben her soll der iFrame verkleinert werden. Hier der Code:
HTML: 
<iframe width="320" height="140" scrolling="no" frameborder="no" src="http://de.1000mikes.com//widget?channelId=25727&type=maxi" id="player123"></iframe>

Mir ist es jetzt eigentlich völlig egal ob hierbei Javascript oder ander Sprachen zum Einsatz kommen!

Es gibt allerdings auch eine andere Methode.
Der iFrame ist ein Flash Objekt. Nun möchte ich diesen iFrame hinter einer Grafik verschwinden lassen (in der Grafik ist ein kleiner Schlitz!).
Ich habe nur Probleme das Flashobjekt bzw. den iFrame hinter die Grafik zu bringen.
Ich habe es mit z-indexen Versucht, ohne erfolg!


Ich danke schonmal!
 
Werbung:
Habe ich nicht alle Style Atribute ausgelagert?
Oder meinst du, dass das Bild nicht via <img> eingebunden werden soll?
Wenn ja: Muss ich das dann wohl via <div> machen?

Warum nur margin-top und nicht noch margin-left? Außerdem ist ja bei mir alles Absolut positioniert, da werde ich doch Probleme kriegen, oder?
 
Werbung:
meine antwort bezog sich auf "von oben verkleinern"
du hast ja gesagt, dass das "zur seite" schon zu deiner zufriedenheit klappt.

also:
iframe auf die gewünschte größe bringen und mit margin-top den gewünschten abstand nach oben verpassen.

dein plan, de iframe hinter einer grafik zu verbergen, geht glaub ich nicht.
kann mich da aber auch irren.
hatten wir da nicht kürzlich erst das thema hier?
 
Ich glaube du hast meine Frage falsch verstanden.
Ich möchte ja meinen iFrame verkleinern, und nicht die Position ändern.
Das verkleinern an sich -> kein Problem ABER:
Beim verkleinern nimmt er mir unten alles weg.
Beispiel folgender Text wird verkleiner:
Normalgröße:
Hallo
Ich bin Lucas

Um 25px verkleinert sieht das so aus:
Hallo

Weil von unten eben alles weggenommen wird! Ich möchte es aber so:

Ich bin Lucas


Also, dass von oben her "zusammengedrückt" wird ;)
 
ja da hab ich dich tatsächlich falsch verstanden.

da fällt mir auf anhieb nur ne negative margin aufs objekt ein.
in nem iframe wird das allerdings etwas schwierig.
muss es ein iframe sein oder darfs auch ein div sein?
soll das ganze danach noch scrollfähig sein?
werd mal bissel konkreter, bitte

in nem iframe könntest du, sofern das bild/flash das einzige element ist, unterhalb des bildes/flashes eine textmarke setzen, die du im link mit ansteuerst.#
dadurch wird dann unterkannte element automatisch unterkante anzeige im iframe
 
Werbung:
Naja wir könnten mti dem iFrame machen was wir wollen.
DEn iFrame an sich könnten wir in einen div setzen.
Das ist ein Radio palyer zu meinem Webradio^^
Das wird von der Website aus eingebettet. Also einen kompletten div wäre schwierig
Aber den iFrame in ein Div setzten wäre in Ordnung.

Gib mir mal ein Beispiel mit dem negativen Margin :D
 
Nur ganz schnell zusamengetextet
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
<title>Testseite</title>
<style type=text/css>
.negativ{
 width:200px;
 height:200px;
 margin-top: -100px;
}
.eindiv{
 width:200px;
 height:100px;
 overflow:hidden;
}
</style>
</head>
<body>
<div class="eindiv">
    <iframe class="negativ" name="iframe" src="#"></iframe>
</div>
</body>
</html>
 
Werbung:
Es ist zwar natürlich von oben her kleiner, wenn ich es über den Rand nehme^^
Allerdings möchte ich es schön Mittig haben :/
 
Werbung:
Habe den Player komplett hochgeladen.
Es soll nur der Lilane Streifen sichtbar sein.
Schön wäre wenn der grauße Streifen unten nicht sichtbar wäre es ist aber nicht schlimm.
 
geh ich recht in der annahme, dass es sich beim lilanen streifen um eine titelanzeige handelt?
wenn ja, kannst du das auch eleganter haben ;)
vorausgesetzt du kennst die shoutcast daten
 
Werbung:
Ja, eine Titel anzeige.
Sie zeigt ob das Radio online ist, und welche Sendung gerade läuft, wann die nächste Sendung läuft un der Name der nächsten Sendung
 
Werbung:
das wiederum ist schade :p
ok ich muss gleich zur arbeit.
wenn morgen noch keiner ne lösung für dich parat hat oder du selber eine gefunden hast, versuch ich mal was adäquates beizutragen...jetzt wo ich ein bild habe ;)
 
Vielen Dank erstmal für heute.
Ich habe mal den Support von 1000 Mikes angeschrieben vielleicht können dir mir ja weiterhelfen.
Viel SPaß in der Arbeit
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben