Feste Größe Content und Bilderrahmen (Hemingway)

  • Hallo,

    ich bastele gerade mit einem Hemingway-Theme (radiopersonal.de/wordpress3) und habe folgende Probleme:

    1. Derzeit stehen immer die 2 aktuellsten Artikel im Content-Bereich. Mich stört, dass - je nach Länge der Artikel - die Position des Bottoms variabel ist. Ich möchte entweder die Position des Bottoms fix oder aber die Höhe des Content-Bereichs fix. Wo finde ich den entsprechenden Eintrag?

    2. Bilder, die ich auf Seiten einfüge, haben keinen Rahmen. Bilder, die ich in Artikel einfüge haben einen Farbrahmen (grau). Den "normalen" Rahmen hab ich schon wegbekommen, den Farbrahmen nicht. Es gibt unzählige Border-Einträge in meiner style.css. Welcher ist die richtige?

    Vielen Dank.
    Funky

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • 1. Derzeit stehen immer die 2 aktuellsten Artikel im Content-Bereich. Mich stört, dass - je nach Länge der Artikel - die Position des Bottoms variabel ist. Ich möchte entweder die Position des Bottoms fix oder aber die Höhe des Content-Bereichs fix. Wo finde ich den entsprechenden Eintrag?


    height / max-height in Verbindung mit overflow, natürlich für den Content-Bereich (dürfte #primary sein).

    Zitat

    2. Bilder, die ich auf Seiten einfüge, haben keinen Rahmen. Bilder, die ich in Artikel einfüge haben einen Farbrahmen (grau). Den "normalen" Rahmen hab ich schon wegbekommen, den Farbrahmen nicht. Es gibt unzählige Border-Einträge in meiner style.css. Welcher ist die richtige?


    Link zu einem Artikel mit Bild? Hinweis: es könnte auch padding sein.

    PS: Bei deinem Header-Bild fehlt das alt-Attribut. ;-)

  • Das Bild mit dem Rahmen findest Du direkt auf der Startseite (radiopersonal.de/wordpress3)

    Was ist ein Alt-Attribut? :-)


    Meinst Du diesen Eintrag??

    CSS
    #comments .content{
        float:left;
        width:60%;
        margin-left:1.9%;
        border-left:1px solid #868686;
        min-height:72px;
        height:auto !important;
        height:72px;
        overflow:hidden;

    Ich verstehe aber nicht warum bei height:auto steht und dann unten drunter 72px???


    In #primary gibt es sehr viele Einträge diesbezüglich:

    Einmal editiert, zuletzt von marX (15. September 2008 um 11:19)

  • ich hab mal deinen Beitrag mit ein paar Code-Tags garniert. ;-)

    Das Bild mit dem Rahmen findest Du direkt auf der Startseite (radiopersonal.de/wordpress3)


    Ach das rechts, okay. Dann hier:

    Code
    #primary.twocol-stories .story img, .single-post img {[COLOR="Blue"]style.css (line 364)[/COLOR]
    background:#333333 none repeat scroll 0 0;
    border:1px solid #DDDDDD;
    [COLOR="Red"]padding:4px;[/COLOR]
    }
    Zitat

    Was ist ein Alt-Attribut? :-)


    Ein Pflichtattribut bei <img>-Elementen:
    SELFHTML: HTML/XHTML / Grafiken / Grafiken einbinden

    Zitat

    Ich verstehe aber nicht warum bei height:auto steht und dann unten drunter 72px???


    Frag den Theme-Autor. Das könnte vielleicht eine Art Browserweiche sein, für uralte Browser die die important-Regel nicht kennen.

    Zitat

    In #primary gibt es sehr viele Einträge diesbezüglich:


    Nö, es gibt genau 1, in Zeile 274:

    Code
    #primary{
        background:#0C0C0C;
        padding:2em 0 2em 0;
        color:#808080;
    }
  • Ach das rechts, okay. Dann hier:

    Code
    #primary.twocol-stories .story img, .single-post img {[COLOR=Blue]style.css (line 364)[/COLOR]
    background:#333333 none repeat scroll 0 0;
    border:1px solid #DDDDDD;
    [COLOR=Red]padding:4px;[/COLOR]
    }


    Hat funktioniert. Hab solid und padding auf 0px gesetzt.



    Nö, es gibt genau 1, in Zeile 274:

    Code
    #primary{
        background:#0C0C0C;
        padding:2em 0 2em 0;
        color:#808080;
    }

    Das verstehe ich jetzt nicht. Du sagtest doch ich solle die "height" und/oder "overflow" Werte ändern? Da gibts ja nur background und padding Angaben??

  • Das verstehe ich jetzt nicht. Du sagtest doch ich solle die "height" und/oder "overflow" Werte ändern? Da gibts ja nur background und padding Angaben??


    Na dann füge die Angaben hinzu, wenn sie nicht da sind.

    Code
    #primary{
        background:#0C0C0C;
        padding:2em 0 2em 0;
        color:#808080;
    max-height:500px;
    overflow:auto;
    }
  • Ich hatte es hochgeladen, dann wieder entfernt, weil es nichts gebracht hatte. Ich bin aber vielleicht auch schon einen Schritt weiter...

    Ich habe diesen Code ergänzt:

    Code
    #primary.twocol-stories .story{
        float:left;
        width:48%;
    height: 300px;
        margin:0 0 0 3.9%;
        display:inline;

    Ergebnis: Der Bottom rutscht weiter nach unten. Eigentlich genau wie ich es haben will.

    Allerdings: Die Artikel werden dadurch nicht länger! Noch immer schneidet er mir Text ab, obwohl eigentlich genug Platz wäre.

    Anmerkung: Das "Weiterlesen" bzw. "more" habe ich einfach so wegbekommen, dass ich beim entsprechenden Eintrag "weiterlesen", einfach den Text zwischen den Anfühungszeichen weggemacht habe, dann ist auch der Anker verschwunden...

  • Ich habe diesen Code ergänzt:

    Code
    #primary.twocol-stories .story{
        float:left;
        width:48%;
    height: 300px;
        margin:0 0 0 3.9%;
        display:inline;

    Ergebnis: Der Bottom rutscht weiter nach unten. Eigentlich genau wie ich es haben will.


    Okay. (Das display:inline an der Stelle irritiert mich etwas, aber gut.)

    Zitat

    Allerdings: Die Artikel werden dadurch nicht länger! Noch immer schneidet er mir Text ab, obwohl eigentlich genug Platz wäre.


    Ja, Normaleinstellung. Was wird an der Stelle im Template genutzt? the_content() oder the_excerpt(). Bei the_content() musst du dann natürlich den more-tag aus dem Artikel entfernen, sonst wird er gekürzt.

  • Jetzt kommt das beste: Das Hemingway Theme hat eine Option, in der man die Länge bis zum more-Tag angeben kann (in Zeilen) und sogar den more-Tag vollständig deaktivieren kann! Da hätte ich ja vorher mal drauf kommen können!

Jetzt mitmachen!

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