Hallo,
ich habe mit iSpring eine HTML Seite aus einer Powerpoint gemacht und gezippt. Diese dann hochgeladen und wieder entpackt. Index.HTML als Startdatei gesetzt. Soweit so gut.
Doch die Webseite ist rechts viel zu groß und und eigentlich möchte ich auch nicht die Überschrift haben.
Zur Veranschaulichung ist das Bild sicher hilfreich.
Für Ideen bin ich dankbar.
Viele Grüße
René
Hi.
Was passiert, wenn Du in den Einstellungen des Arbeitsmaterials in dem Abschnitt "Darstellung" die Option "Neues Fenster" und nicht "Einbetten" (oder "Automatisch") wählst?
Hoffe, dass dann die relativen Pfade von der Hauptdatei auf die weiteren Dateien noch funktionieren...
Gruß,
M
Hallo,
vielen Dank für die Antwort, aber das ist nicht der gewünschte Effekt. Ein neues Fenster, also ein Popup verwirrt leider die User. Ich versuche das gesammte Paket mal ein wenig zu verkleinern. Kann ich die Überschrift entfernen? Die Bezeichnung der Datei ist nicht nötig.
Viele Grüße
René
Solche Anpassungen sind in der Form erst einmal nicht vorgesehen und nur bedingt sinnvoll, glaube ich.
#page-mod-resource-view #region-main h2 {
display:none;
}Wer sich mit Theme-Design auskennt, könnte auch ein Template für eingebettete Dateien entwickeln (z.B. ohne Header und Seitenblöcke).
Gruß,
M
Hallo,
Da alle hier die gleichen Bildschirme haben, wäre das kein Problem. Die CSS habe ich noch nicht angepasst, nur mal das Verhalten von moodle angeschaut. Der "Fehler" in meinem Fall ist ein Rahmen der um den Content, also die eingebettete Seite gezogen wird.
Ich habe eine HTML Datei- "Hallo Welt" erstellt und so eingebunden. Da sieht man dann den Rahmen. Der ist viel zu groß und hätte ich am liebsten weg. Wenn dort nur die index.html dargestellt werden würde, wär ich glücklich. Ich suche schon den entsprechenden Eintrag...
Viele Grüße
René
Die Anpassung Schritt 2 funktionierte wunderbar
iSpring produziert HTML5, was ich auch immer bevorzuge (ich mag kein Flash).
Der Rahmen macht mich allerdings ein wenig alle...
.resourcecontent > iframe#resourceobject {
border: 0 none;
width: 100% !important;
}ansprechen. Die border-Angabe macht den Rahmen "weg", die width überschreibt die mitgelieferte Pixelbreite mit den zur Verfügung stehenden 100%.
Die Höhe von iframes ist in CSS immer doof - vor allem wenn sie über irgend ein von mir auf die Schnelle nicht zu identifizierendes Skript direkt als sog. "element style" im Code des iframes ausgeliefert wird.
Das könnte man "quick & dirty" über eine feste Pixel-Höhe, z.B.: height: 500px; lösen machen. Lösen ist das falsche Wort. Das ist wirklich nur ein hässlicher Workaround.
Hoffe, das hilft.
Und noch einmal der Hinweis: Diese CSS-Befehle können an anderer Stelle auf anderen Unterseiten nicht gewollte Effekte hervorrufen. Also gut testen und auf Rückmeldungen der User achten
Gruß,
M
Guten Morgen,
es gefällt mir doch mitlerweile schon ganz gut. Ich habe noch etwas in der CSS "gespielt" und die Höhe angepasst. Leider habe ich noch immer diese grauen Balken über und unter dem Content.
Ich vermute das der Content selbst mit vertical align: middle (oder so) in die Mitte von dem Container gestellt wurde.
Wie der da hin kommt ist mit vom Verständnis her aber nicht klar. In dem Bild nach dem Export ist er nicht.
Viele Grüße
René
... mir (wg. Ferndiagnose) leider auch nicht
Was passiert, wenn Du den iSpring-Content direkt im Browser öffnest und das Fenster schmal und hoch machst? Erscheinen dann diese grauen Streifen oben und unten? Oder sitzt der Content an der Oberkante?
Ich vermute (Achtung, wilde Spekulation!), dass der exportierte Content die vertikale Positionierung des Inhalts über CSS oder javascript macht. Dann sieht das als Stand-Alone-Ansicht im Vollbild-Browser gut aus, weil die PowerPoint-Vorlage und Dein Monitor und der anzeigende Browser alle irgendwie über den Daumen ein Seitenverhältnis von 16:9 haben.
Der iFrame der Moodle-Seite funktioniert - zumindest die Styles betreffend - quasi wie ein Browser im Browser: Ist er zu hoch, wird der Content vertikal zentriert und oben und unten erscheint die graue Fläche.
Da der Moodle-iFrame keine Positionierung des Content vornimmt, müsste diese Funktion eigentlich Bestandteil des eingebetteten Inhalts sein.
Vielleicht durchsuchst Du mal den Export-Ordner nach CSS-Dateien (evtl. stehen die Style-Definitionen auch im <head>-Bereich der index.html) und versuchst herauszufinden wer oder was den Content dazu bringt, mittig angezeigt zu werden?
Gruß,
M
Hallo,
Ich hatte dort schonmal geschaut. Den Farbwert einfach mal gesucht, denn der muss ja irgendwo festgelegt werden... Aber noch kein Erfolg. Ferndiagnosen sind immer schwer. Wenn ich PC's von anderen "rette" muss ich auch oft ins blaue Schätzen. Aber du bist eine echte Hilfe und sehr kompetent. Finde ich super
Viele Grüße
René
Hallo,
ich finde da nix, obwohl ich schon die CSS Dateien und die index.html "gequält" habe.
Vermute ja es gibt eine .content description
Vielleicht siehst du ja mehr als ich....
Viele Grüße
René
Auf die Schnelle: Nee.
Ein paar Anmerkungen:
<html style="background-color:#8a8a8a;">Ich vermute trotzdem: Der Moodle-eigene iFrame mit seiner festen (JavaScript-generierten?) Höhenangabe und die via JavaScript automatisch an den zur Verfügung stehenden Viewport angepasste Größe des iSpring-Content vertragen sich nicht.
Gruß,
M