twentyten - Navigation ganz nach oben + Suche integrieren sowie Spaltenproblem

  • Hallo liebe wpler,

    vorweg: Ich bin ziemlich überfordert, wie wohl so viele hier im Forum. Habe gestern und heute über 12 Stunden investiert und stehe eigentlich mit nichts da. Mein aktuelles Theme scheint so verhunzt, dass ich nicht mal mehr nachvollziehen kann, wo der Fehler liegt.


    Folgendes will ich erreichen
    vs. aktueller Zustand der Seite (Screenie). Website

    1. Navigationbalken (der schwarze, der aktuell rot ist, das ist aber nicht das Problem) soll ganz nach oben
    2. In die Navi soll rechts die Suche integriert werden (die beiden vertragen sich offenbar nicht in einer Zeile auf meinem Weg)
    3. Der klassische Header mit Text+Bild soll ganz weg, stattdessen will ich den Blognamen/das Logo links als Box, die mit der Seite mitscrollen soll. Problem hier: Ich habe versucht, eine Art "pseudo-3-Spalter" zu kreieren, damit in der linken "Spalte" das Logo floaten kann, in der Mitte der Content ist und rechts die sidebar ist (gleiche Breite wie die linke Spalte). Das funktioniert nicht, das Layout ist ziemlich zerhackt und irgendwie zu weit rechts.

    Stylesheet liegt hier

    relevanter header-exzerpt

    Ich danke für Eure Mühen!
    Tom

    • 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

  • das rote hinzufügen, bzw. die Werte anpassen
    style.css (Zeile 170

    Code
    #header #access {
        [COLOR=Red]background: none repeat scroll 0 0 #000000;[/COLOR]
        position: relative;
        top: [COLOR=Red]-50[/COLOR]px;
    }

    style.css (Zeile 1527)

  • Danke dir!

    Das mit der Suche funktioniert ja schon mal einwandfrei, ein bisschen Padding und Margin und dann sollte sie perfekt passen!

    Weißt du zu dem "Spaltenproblem" zufällig auch eine Lösung? Wahrscheinlich habe ich da auch irgendwelche Werte (nach zu vereinzelter Codelektüre) so verändert, dass es nicht mehr auf 100% aufgeht.


    Liebe Grüße
    Tom

    Einmal editiert, zuletzt von maxe (2. November 2011 um 21:37)

  • Zitat

    ein bisschen Padding und Margin und dann sollte sie perfekt passen

    wenn du statt "maring-right"...."margin-right" geschrieben hättest, würde es passen

    zum Logo, btw. Spalten verschieben
    style.css ( Zeile 83 )

    Code
    #primary, #secondary {
        float: right;
        overflow: hidden;
        width: [COLOR=Red]180[/COLOR]px;
    }

    style.css ( Zeile 518 )

    Code
    #content {
        float: left;
        margin-bottom: 36px;
        margin-left: [COLOR=Red]190[/COLOR]px;
        overflow: hidden;
        width: [COLOR=Red]550[/COLOR]px;
    }

    Einmal editiert, zuletzt von maxe (2. November 2011 um 21:38)

  • Danke dir!

    Stimmt, Rechtschreibfehler sind natürlich auch nicht gerade zielführend... Suche funktioniert nun perfekt!

    Das mit den Spalten noch nicht, aber das probiere ich selbst mal aus, komme aber erst morgen wohl dazu... oder Sonntag.


    Auf alle Fälle Danke!

Jetzt mitmachen!

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