Abstände der Überschriften in der Kopfgrafik zu groß

sy67

Hallo,

ist es möglich, die Abstände über und unter den Artikeltexten in der Kopfgrafik ein wenig zu veringern? Ich habe schon alle Einstellungen durchprobiert aber leider ohne Erfolg.
Ich habe mal ein Screenshot angefügt um besser zu verdeutlichen was ich meine.
Als Hintergundgrafik habe ich eine weiße 100x200 P. große Bitmap genommen.
Es handelt sich um das "Stripe Responsive" Layout.

Gruß
sy

Nachtrag: Hab ganz vergessen zu erwähnen, was ich überhaupt machen möchte.
Also ich möchte unterschiedlichen Text nacheinander anzeigen lassen, aber dafür keine Bitmaps nutzen. Sonst wärs ja einfach mit dem Bilderalbum gegangen.
Also habe ich dafür den Header genommen aber ohne Bild, bzw. nur ein kleines unsichtbares. Ganz ohne geht's ja leider nicht. Das funktioniert auch soweit wie ich mir das vorgestellt habe aber leider sind eben die Abstände nach oben und unten zu groß.

Stefan S

Hallo,

hilft es, wenn Sie die Bild-Höhe in den Layouteinstellungen kleiner definieren?

sy67

Nee, leider nicht. Der Abstand bleibt immer derselbe.
Ich habe den HEader zwischenzeitlich kommplett gelöscht, die Maße auf 10x10 gesetzt und ein passendes Bitmap eingefügt. Die Abstände sind aber immer noch so groß, wie auf dem Screenshot zu sehen.

sy67

Ich habe die Seite mal online gestellt. Falls das hilft.
http://www.daminion-software.de/index.html

Stefan S

Hallo,

der Text wird in diesem Layout ja im Headerbereich vertikal eingemittelt und hat einen fest definierten Abstand nach oben und Unten. Die Header-Höhe wird so angepasst, dass die eingegebene Textmenge immer rein passt. Der Abstand unter dem Header ist fix auf 60px definiert.

Sie müssten nun also wahrscheinlich den Abstand Über/Unter dem Text und den abstand nach dem Header (unten) entsprechend per CSS anpassen:

Klicken Sie im Menü Website auf "Erweitert > Attribute"
Stellen Sie sicher, dass unten links im Button "Attribute" die Option "Alle anzeigen" angehakt ist
Doppelklicken Sie nun in der Liste der Attribute unter "Standard" auf das Attribut "mobile_script"
Fügen Sie folgende Textzeilen ein und schließen Sie den Dialog dann mit Klick auf "OK"

Code

#header{
    margin-bottom: 10px;
}
div.flex-caption{
    padding-top: 0;
    padding-bottom: 0;
}

Anschließend müssen Sie evtl. Ihre Seiten neu erstellen (Erweitert > Erstellen > Alle Seiten erstellen) und ggf. veröffentlichen.

sy67

Vielen Dank für die ausführliche Problemschilderung und der Lösung dazu.

Aber leider funktioniert es immer noch nicht.

Ich habe die Zeilen bei MobileScript eingefügt, den Header komplett neu erstellt und dann alle Seiten erstellen lassen. Aber weder in Zeta noch in der Live View hat sich was an den Abständen geändert.
Oder ist die Änderung nur nach Veröffentlichung sichtbar?

sy67

Nach obiger Änderung sehen einige Seiten jetzt aus, wie auf dem Screenshot zu sehen.

Stefan S

Sorry, da fehlten die <style>-Tags im Quellcode. So ist es besser:

Code

<style>
#header{
    margin-bottom: 10px;
}
div.flex-caption{
    padding-top: 0;
    padding-bottom: 0;
}
</style>

sy67

Kein Problem. Der fehlende Style Tag hätte mir auch auffallen müssen.

Aber leider funktioniert es auch damit nicht. Im Gegenteil, der untere Abstand zwischen Text und Bild ist jetzt sogar um weitere 18 Pixel angestiegen.
Würde Ihnen evtl. ein Fernwartungszugriff helfen?

Stefan S

Hallo,
ich hatte das getestet. Und sogar wenn ich auf Ihrer Testseite per Webinspector das CSS einfüge, bringt es Ihr gewünschtes Ergebnis (siehe Screenshot).
Fernwartung bieten wir bei Anruf auf unserer Hotline (oder in Ausnahmen bei Programmfehlern, die wir erforschen wollen).

sy67

Das verstehe ich nun nicht, denn ich habe ja alles nach Ihren Vorgaben eingefügt und hochgeladen. Es wird dort, wie Sie selbst gesehen haben, eben nicht korrekt dargestellt. Sonst müssten Sie ja nicht nochmal nachträglich erst das css einfügen damit es passt. Warum wird es nicht übernommen wo es doch schon im MobileScript drinnsteht?

Stefan S

Mir scheint, die Seite enthält das CSS noch gar nicht, wenn Sie die Seite hochladen. Evtl. müssen Sie die Seite mal neu erstellen…

sy67

So jetzt habe ich das ganze Projekt erstellen lassen und alles, bis auf die Dateien, komplett nochmal hochgeladen. Die Abstände sind aber immer noch unverändert.

Stefan S

Hallo,

ich kann das hier besprochene CSS in Ihrer Seite auch nicht finden. Evtl. haben Sie es in ein falsches Attribut eingetragen? Dieses Vorgehen ist ja nicht offiziell von uns unterstützt. Ich habe Ihnen den Code trotzdem gerne zur Verfügung gestellt.

sy67

Ich habe den Fehler gefunden.Ich hatte zuvor das css, wie Sie geschrieben hatten, entsprechend eingefügt.

Zitat von sseiz

...Klicken Sie im Menü Website auf "Erweitert > Attribute"

Jetzt bin ich einfach mal über "Seite bearbeiten" -> "Attribute" gegangen und habe es dort unter "mobile_script" eingefügt. Und siehe da, es geht jetzt!

Mario

Hallo,
Problem hatte ich auch einmal. Ich versuche es mal zu erklären.

Menü Website auf "Erweitert > Attribute (Global)/ was du hier änderst wird für alle Seiten übernommen, außer die Seiten wo du direkt in der Seite die Attribute geändert hast
"Seite bearbeiten" -> "Attribute" (Seitenspeziefisch)/ was du hier änderst wird nur für diese Seite übernommen, wenn du dieses aktivierst werden die Änderungen der globalen Attribute nicht für diese Seite übernommen

Wenn das ganze also nur auf der einen Seite greifen soll hast du es jetzt richtig. Solltest du später einmal etwas in den globalen Attributen ändern solltest wird dieses nicht auf dieser Seite greifen. Du musst das dann also auch in den Attributen dieser Seite ändern.

Wenn das ganze für alle Seiten greifen soll musst du das ganze wie von sseiz beschrieben in den globalen Attributen eintragen und dein seitenspeziefisches wieder löschen ("Seite bearbeiten" -> "Attribute" -> "mobile_script" -> den Inhalt löschen -> OK -> Rechtsklick auf "mobile_script" -> löschen

sy67

Hallo Mario,

vielen Dank für deine ausführliche und verständliche Erklärung!

Jetzt ist mir schon einiges klarer

Gruß
sy

Abstände der Überschriften in der Kopfgrafik zu groß

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?