Balken stören...

  • Guten Abend oder guten Tag,

    hat jemand eine Idee, wie ich diese Balken weg bekomme? Ist nicht auf jeder Seite so. Wie kann das passiert sein?

    Und: Wie heißt dieser Bereich gleich nochmal, bevor ich wieder einen falschen Terminus benutze: Banner, Header oder was?

    http://donnerhuf.de/miezenhuf.html

    In diesem Fall ist das Layout 'Flat Responsive'.

  • Hallo Norbert,

    mach mal bitte einen Screenshot und markiere, was Du meinst. Es muss ja nicht immer der richtige Begriff sein, manchmal helfen auch Bilder. Als Balken? ist auf der Homepage zum einen das Menü zu erkennen, was beim Scrollen der Seite oben angezeigt bleibt, hier kannst Du im Layout unter "Hauptmenü" Scrollend auf JA setzen, dann verschwindet das Hauptmenü bei Herunterscrollen.

    Der zweite mögliche Balken? wäre die Trennlinie zwischen den beiden Artikeln, die aber so unscheinbar ist, dass diese wohl eher nicht gemeint ist.

    Alternativ mal mit F8 in den Spaltenmodus wechseln, dann hast Du zum einen die korrekten Begriffe für die einzelnen Bereiche jeweils in der Spaltenüberschrift, zum anderen werden dann auch die Artikel sichtbar, die sonst (weil entweder nur HTML-Quelltext oder vom Inhalt zu klein) nicht als separate Artikel erkennbar sind.

  • Servus Thomas,

    eigentlich hätte es auf meiner HP ersichtlich sein können: Die senkrechten Striche oder Balken auf der linken Seite gehören da nicht hin.

    Wie sie entstanden sind, ist mir ein Rätsel, ich kriege sie nicht weg.

    Schau bitte auf den Screenshot:

  • Hallo Norbert,

    da die Balken direkt im Bild auftauchen, waren sie so eigentlich nicht als störend zu erkennen. Wenn ich mir den Quelltext ansehe und das das für den Slider verwendete Bild direkt aufrufe, sind sie auf dem Originalbild nicht zu sehen.

    In Chrome die Entwickel-Console aufgerufen, zeigt sich, dass die Balken genau im Textbereich des Sliders liegen. Dort findet sich dann jeweils

    Code
    border-left: solid 4px #313032;
        font-style: italic;
        margin: 0 0 .5em 0;
        padding: .5em 0 .5em 2em;

    da border-left im eigentlichen Quelltext nicht drin ist und in der Console auf die bundle.css verweisen wird, handelt es sich vermutlich um besnutzerspezifisches CSS, was Du irgendwann mal verwendet hast.

  • Hallo Thomas,

    alle Attribute der Seiten sind gleich. Dennoch machen 'Foto' und 'Miezen' diese Ausnahme mit den Balken, wobei sie sich auf beiden Seiten auch noch unterscheiden.

    Was dieses bundle.css bedeutet, weiß ich nicht; aber auch das ist überall drin, mit 475 Regeln.

    Den von dir genannten Code kann ich nirgends finden.

    Rufe ich mit 'Element untersuchen' (Opera) den Inspektor auf, ergeben sich bei den beiden betroffenen Seiten erhebliche Unterschiede zu den anderen Seiten!

    Nun habe ich in ZP mit 'Einfügen an' den Header entfernt, danach ein beliebiges Bild eingefügt:

    Es klappt!

    Allerdings sieht es im Inspektor immer noch anders aus: bspw. finde ich im div "headerslider" nicht den Source zum Bild wie z.B. bei Tintenhuf.

    Dann habe ich noch etwas herum gespielt, weil ich nicht zufrieden war: Ich verstand es einfach nicht! Und dann habe ich den Fehler gefunden:

    Schiebe ich den Text mit Leerzeichen nach rechts (was in der Textverarbeitung eine Todsünde ist), ist alles gut. Verwende ich aber den Button "Einzug vergrößern" fünf mal, dann erscheinen fünf Balken! Leider gibt es keinen Button "Einzug verkleinern". Ich habe einfach mal aus Neugier den Button "Aufzählung" verwendet: die Balken sind danach weg!

    Im Quellcode habe ich dann alles Unnötige entfernt: perfekt jetzt!

    Jedenfalls fast: Die Todsünde mit den Leerzeichen wird sichtbar, wenn ich das Browserfenster verkleinere; der Text wird falsch umgebrochen und liegt dann mitten im Bild.

    Ein korrekter Einzug ist deshalb sehr wünschenswert.

    Ergebnis des heutigen Abends sieh bitte hier: http://donnerhuf.de/fotohuf.html

    Allerdings muss der Header noch etwas in der Höhe verkleinert werden, er ist mir allzu dominant.

    Übrigens: Vor einem halben Jahr wäre ich nicht soweit gewesen, solche Untersuchungen vorzunehmen! :)

    Screenshots anbei, obwohl sie wahrscheinlich nicht nötig sind; aber visuelle Eindrücke können nie schaden... Außerdem will ich ja eine Bitte befolgen, um ein Problem so genau wie möglich zu beschreiben... ;)

  • Hallo Stefan S und Steffen T. ,

    da scheint tatsächlich was nicht zu harmonieren, siehe https://hosting.zeta-producer.com/6186752123/index.html. Verwendet wurde ein blankes Flat-Responsive, die Balken finden sich bei Einrückung sowohl im Header als auch im Standard-Slider. Das betrifft nach erstem Durchblättern nur die Layouts Flat und Lous (responsive). Alle anderen zeigen in der Layoutvorschau keine Balken.

    - flat

    - locus

  • Hallo,

    diese "Einrückung" ist eine HTML Blockquote. Und dafür ist die Darstellung mit dem Strich links eine nicht unübliche Formatierung .

    Die Blockquote sollte – genauso wenig wie Leerzeichen – zum verschieben von Inhalten verwendet werden, es handelt sich hier um eine semantische Formatierung.

    Wem die Darstellung in den Layouts Flat und Locus Responsive nicht gefällt, der kann mit folgendem CSS nachhelfen:

    CSS
    <style>
    blockquote {
        border-left: none;
        font-style: normal;
        margin: 0 0 #val(paragraph-spacing) 0;
        padding: 0;
    }
    </style>

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!