Breite vom Header verändern

  • Das geht wunderbar. Wie können wir das erreichen, dass der Blocktitel und der Untertitel im Bereich bleiben und das Bild angepasst wird?

    bild? welches bild? das türkiesene hintergrundbild des headers?

    so du dieses meinst --> schwierig: dein header besteht aus gefühlten 100 verschachtelten und überlappenden div's. alle mit unterschiedlichsten hintergrundangaben. aber für ein "Like" und da ich gerade zeit habe schaue ich mir das nochmal genauer an. wichtig ist nur, dass wir vom selben reden - sonst ist meine arbeit umsonst (und davon mach ich eh schon genug).

    mache doch einen screenshot und zeichne ein, was du wo und wie geändert haben willst.

    lg, pixselig

    • 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

  • style.css zeile 416

    Code
    div.art-header-jpeg {
    [COLOR="#FF0000"]    background-image: url("images/header.jpg");
        background-position: center center;
        background-repeat: no-repeat;[/COLOR]
        height: 200px;
        left: -50%;
        position: absolute;
        top: 0;
        width: 100%;
    }


    die roten zeilen alle löschen

    style.css zeile 390

    Code
    div.art-header {
        height: 200px;
        margin: 0 auto;
        position: relative;
        width: 100%;
        [COLOR="#00FF00"]background-image: url("images/header.jpg");
        background-repeat: repeat-x;[/COLOR]
    }


    die grünen zeilen hinzufügen.

    style.css zeile 446

    Code
    div.art-logo {
        display: block;
        margin-right: -301px;
        position: absolute;
        right: 100%;
        top: 32px;
    }

    ändern in

    Code
    div.art-logo {
        display: block;
        position: absolute;
        right: [COLOR="#00FF00"]60%[/COLOR];
        top: 32px;
        width: 350px;
    }


    wobei du hier mit dem grün markierten wert "spielen" kannst um deine gewünschte position zu erreichen.

    lg, pixselig

Jetzt mitmachen!

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