Bei Codes einen Rahmen setzten

    Wie kann ich in einem Code Block mit CSS einen Rahmen setzen. Habs jetzt im CSS so aufgebaut:

    code {
    font-size: 9pt;
    font-family: "Courier New", Courier;
    color: #111;
    background-color: #F2FFDB;
    border: 1px solid #858585;
    }

    aber bei mir macht er jede Zeile einen einzelnen Rahmen!

    unter http://blog.rolandtanner.ch seht ihr wie es im Moment aussieht

    MFG Duke

    • Gerade eben
    • 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

    entweder gibts du dem code noch einen div oder du stellst den code zusätzlich mit dem Attribut pre da, welchem du per css einen border gibst.

    Eine andere Lösng kenne ich derzeit nicht.

    Kann mich malo.coony nur anschliessen.
    Du müsstest den <div> Container schon beim posten mit angeben, entweder manuell so :

    Code
    <div id="code"><code> geposteter code </code></div>


    In die style.css folgendes:

    Code
    #code {
background-color: #F2FFDB;
border: 1px solid #858585;
}

    Aber es geht auch besser, du schraubst etwas an den quicktags im wp-admin Verzeichnis.
    In der quicktags.js folgendes in Zeile 121:

    Code
    ,'<div id="code"><code>'


    und in Zeile 122:

    Code
    ,'</code></div>'

    ... wäre meine Lösung.

    "Whoever controls the media, controls the mind." J.Morrison

    Zitat von Duke

    Hallo zusammen,

    Habe jetzt auf die Version 2.0.1 geupdatet und jetzt funktioniert mein CodeBlock nichtmehr, kann mir jemand helfen?

    mfg


    vielleicht..
    wenn Du erklärst was genau nicht mehr funktioniert..


    fehlt vielleicht die Angabe für das div in der neuen style.css?

    lg

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden