Druckversion des Themas

Hier klicken um das Topic im Orginalformat anzusehen

HTML-Editor phase 5 Support _ HTML _ <iframe> lösung

Geschrieben von: Leini 23.03.2007 - 13:34

hi leute

hab da mal wieder ein problem
und zwar würde ich gerne mit hilfe von einem iframe eine grafik von text umfließen lassen.

die grafik soll in dem iframe dargestellt werden, und soll mittag sein
der text soll in 2 spalten laufen, eine spalte links von der grafik , eine spalte rechts von der grafik.
ich habe die vorlage hier als worddokument, aber mit iframes bekomme ich es nicht in diesen blöcken umflossen.

hier mal ein foto:



weiß einer wie das funktioniert ?


Gruß und danke im vorraus ! =)

Geschrieben von: Peter Gedamke 23.03.2007 - 14:50

hallo,

aus welchem Grunde soll die Gestaltung mit iframe gemacht werden - was versprichst du dir davon - welche Vorteile sollte das mit sich bringen?

Da wäre doch vielleicht ein table-Entwurf echt einfacher und optimaler...

Geschrieben von: Leini 23.03.2007 - 18:23

ZITAT(Peter Gedamke @ 23.03.2007 - 14:50) *
hallo,

aus welchem Grunde soll die Gestaltung mit iframe gemacht werden - was versprichst du dir davon - welche Vorteile sollte das mit sich bringen?

Da wäre doch vielleicht ein table-Entwurf echt einfacher und optimaler...



die antwort ist relativ simpel - die aufgabenstellung verlangt von mir das ichs mit iframes machen soll
ich finds auch ziemlich unsinnig, aber so ist die aufgabe
iframes ansich sind ja nicht das problem, aber das der text um das bild genau so drumfließt, das ist mir echt ein rätsel wie das funktionieren soll

Geschrieben von: Peter Gedamke 24.03.2007 - 11:09

also ich würde versuchen iframe in eine mittlere Tabellenzellen einzubringen.

Geschrieben von: Leini 24.03.2007 - 11:47

ZITAT(Peter Gedamke @ 24.03.2007 - 11:09) *
also ich würde versuchen iframe in eine mittlere Tabellenzellen einzubringen.

genau das was auch meine idee
oberhalb der grafik könnte man die 3 zellen ( text links, bild, text rechts ) miteinander verbinden, und unterhalb der grafik ebenfalls, sonst wird die grafik vom text ja nicht umflossen.
es gibt doch bei html einen befehl das der text so in 2 spalten dargestellt wird, wie war der doch gleich ?


Kennt vielleicht noch jemand eine genauere, sauberere Variante ?

Geschrieben von: i.b.g 26.03.2007 - 6:49

Hallo,

ZITAT(Leini @ 24.03.2007 - 11:47) *
es gibt doch bei html einen befehl das der text so in 2 spalten dargestellt wird, wie war der doch gleich ?
so einen Tag gibt es nicht. Wenn Du mal nach "Spaltensatz HTML" googlest, dann wirst Du viele Diskussionen finden, die sich mit Sinn und Unsinn von Spaltensatz mit HTML befassen und die unterschiedlichsten Lösungsansätze aufziegen, von denen keiner wirklich gut und praktikabel ist. Es ist der klassische Fall, wo Benutzbarkeit und Schönheit aufeinander prallen und schwer vereinbar sind (HTML <> DTP). Ohne es probiert zu haben, könnte man mit der CSS-Angabe:
HTML
display: inline-block;
oder den anderen Varianten etwas erreichen. Ggf. wäre auch mal zu schauen, was z.B. OpenOffice (oder Word) für HTML schreibt, wenn man eine so gestaltete Seite nach HTML exportiert.

Geschrieben von: jomal 26.03.2007 - 12:11

ZITAT(i.b.g @ 26.03.2007 - 6:49) *
Hallo,
ZITAT(Leini @ 24.03.2007 - 11:47) *
es gibt doch bei html einen befehl das der text so in 2 spalten dargestellt wird, wie war der doch gleich ?
so einen Tag gibt es nicht. Wenn Du mal nach "Spaltensatz HTML" googlest, dann wirst Du viele Diskussionen finden, die sich mit Sinn und Unsinn von Spaltensatz mit HTML befassen und die unterschiedlichsten Lösungsansätze aufziegen, von denen keiner wirklich gut und praktikabel ist. Es ist der klassische Fall, wo Benutzbarkeit und Schönheit aufeinander prallen und schwer vereinbar sind (HTML <> DTP). Ohne es probiert zu haben, könnte man mit der CSS-Angabe:
HTML
display: inline-block;
oder den anderen Varianten etwas erreichen. Ggf. wäre auch mal zu schauen, was z.B. OpenOffice (oder Word) für HTML schreibt, wenn man eine so gestaltete Seite nach HTML exportiert.


Bei OpenOffice bin ich nicht sicher, aber etwas von Word in HTML zu konvertieren?
Nein danke, das ist mit Abstand das schlimmste, was ich kenne.
Nimm mal ne Tabelle, zweispaltig, füge in Zelle 1 ein A und Zelle 2 ein B ein. Daraus den HTML-Code in Word.
Mehr aufblähen kann man das wohl kaum.
Ne, da lob ich mir p5.
Hab mal versucht, ne Excel-Tabelle zu übersetzen. Mit Kommentaren habe ich mit P5 etwa 5kB gebraucht, bei Excel waren es 50-60kB.
Da gibt es sicher bessere Lösungen. Aber da ich pur programmiere, kenne ich keinen vernünftigen Generator.

jomal

Geschrieben von: Leini 26.03.2007 - 13:04

also ich bin einfach mal pauschal der meinung das die aufgabe mit reinem html ( ohne css usw ) so wie sie da ist nicht lösbar bzw. nur bedingt unsauber lösbar ist.
aber ich lasse mich auch einem besseren belehren

Geschrieben von: Thomas 26.03.2007 - 18:02

ZITAT(Leini @ 26.03.2007 - 13:04) *
also ich bin einfach mal pauschal der meinung das die aufgabe mit reinem html ( ohne css usw ) so wie sie da ist nicht lösbar bzw. nur bedingt unsauber lösbar ist.
aber ich lasse mich auch einem besseren belehren
Also falls es hier wirklich nur um eine Denksportaufgabe ohne den Hintergrund, sinnvolles HTML zu erzeugen geht, würde ich mit einer zweispaltigen Tabelle arbeiten. Die Grafik in der Mitte teilen, die linke Hälfte in der linken Zelle rechtsbündig stellen und die rechte Hälfte in der rechten Zelle linksbündig (ALIGN-Attribut des IFRAME-Tags). Damit sollte es ansatzweise hinzubekommen sein. Etwas anderes fällt mir dazu nicht ein.

Geschrieben von: jomal 27.03.2007 - 4:48

ZITAT(Thomas @ 26.03.2007 - 18:02) *
ZITAT(Leini @ 26.03.2007 - 13:04) *
also ich bin einfach mal pauschal der meinung das die aufgabe mit reinem html ( ohne css usw ) so wie sie da ist nicht lösbar bzw. nur bedingt unsauber lösbar ist.
aber ich lasse mich auch einem besseren belehren
Also falls es hier wirklich nur um eine Denksportaufgabe ohne den Hintergrund, sinnvolles HTML zu erzeugen geht, würde ich mit einer zweispaltigen Tabelle arbeiten. Die Grafik in der Mitte teilen, die linke Hälfte in der linken Zelle rechtsbündig stellen und die rechte Hälfte in der rechten Zelle linksbündig (ALIGN-Attribut des IFRAME-Tags). Damit sollte es ansatzweise hinzubekommen sein. Etwas anderes fällt mir dazu nicht ein.


Hmm, kommt mir kompliziert vor!
Wir wäre es mit ner dreispaltigen table, in der Mitte das Bild?
Kam mir eben so in den Sinn, hab mal meine Sachen angesehen, hab aber um die Uhrzeit keien Lust, das selbst zu probieren.
Mit Frames kann das doch auch klappen.
links, mitte, rechts, evtl noch einen für Überschrift oben.
Eigentlich sehe ich da kein Problem.
Wie gesagt, keine Zeit, das zu testen, aber scheint mir total simpel zu sein.

jomal

Geschrieben von: i.b.g 27.03.2007 - 6:11

Hallo,

also es ging mir nur darum, sich mal anzuschauen, ob man eine Anregung für die HTML-Auszeichnung bekommen könnte, wenn man sich den von OOo oder Word erzeugten Quelltext ansieht. Mehr wollte ich nicht anregen. Dass automatisch erzeugte Quelltexte im allgemeinen nicht zu gebrauchen sind, ist mir schon klar. Und mit drei Spalten geht, wenn man sich die Aufgabenstellung genau anschaut, die Sache imho eben nicht zu lösen. Der Ansatz von Thomas ist da schon besser. Problem wird dann sein, dass man mit CSS viel zaubern muss, um die richtigen padding-, spacing- und margin-Werte zu finden, so dass es der Vorlage nahe kommt. Ggf. muss man mit mehreren Tabellenzeilen arbeiten und erhält dann wieder Brüche im Text. Und ob die Sache dann cross-browser-fähig ist, steht in den Sternen.

Unterstützt von Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)