suche neben logo in twentytwelve

  • Schon wieder die Suche...:)
    Arbeite mit TT. Möchte die Suche in den Header packen, auf der Höhe des Logos, was aber scheitert.
    Habe folgendes bisher gemacht:
    style.css


    Header.php

    PHP
    [COLOR=#a9a9a9]<header id="masthead" class="site-header" role="banner">
            <hgroup>
                <h1 class="site-title"><a href="<?php echo  esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr(  get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img  src="<?php echo  bloginfo('stylesheet_directory');?>/images/logo.png" alt="<?php  bloginfo( 'name' ); ?>" width="258"  height="38"/></a></h1>
            </hgroup> [/COLOR][COLOR=#b22222]<div id="searchform"><?php get_search_form(); ?> </div>[/COLOR]
           [COLOR=#a9a9a9] <?php $header_image = get_header_image();
            if ( ! empty( $header_image ) ) : ?>[/COLOR]

    Wie ihr seht, habe ich schon einen z-index eingesetzt, erfolglos. Wollte den Aufruf mittlerweile neutral von hgrpoup, masthead usw. einfach oben drauf packen. Erfolglos.

    Wo liegt mein Fehler? Was mache ich falsch? Ist der style code überhaupt sinnvoll?

    Link zur Seite >>

    Einmal editiert, zuletzt von gericoach (20. Februar 2013 um 18:21)

    • 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

  • searchform ist keine class(.) sondern eine id(#)

    Code
    div#searchform {
    float: right;
    margin-top: -50px;
    }

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • AW: suche neben logo in twentytwelve

    Eine ID spricht man mit # in der CSS an, nicht mit Punkt (.) Das wollte maxe sagen.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • ok, verstanden. Hoffe, ich kann mir das langfristig merken... Eine Anpassung hat aber leider auch nicht geholfen, die Suchmaske sitzt immer noch unter dem Logo. Habt ihr noch ne Idee, woran es liegen könnte?

  • du hast die ganzen Searchform Styles auch auskommentiert ;-)
    du musst am Schluss das /* umdrehen zu */

    Code
    /*searchform
    ---------------------------*/

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • So?

    Versuch´s mal hiermit:

    Code
    .site-title {width: 400px; float: left;}
    #searchform {float: right;}

    Die H1 mit der Klasse site-title nimmt als Blockelement die volle Breite in Anspruch, weswegen Du diesem Element eine fixe Breite angeben müsstest, damit da noch was floatet.

  • [COLOR=#800000]Danke für die Tipps.[/COLOR] Dass ich die description nicht geschlossen habe, war ja schonmal total dusselig...
    Habe anschließend den Tipp von infected umgesetzt. War erstmal am Grübeln, wo das wohl rein soll. Aber es läuft. Nun verschiebt es allerdings das Logo bei der Ansicht auf iphone/android. Kann ich da noch gegensteuern?

  • Gelöst. Infected hatte ja schon geschrieben, dass dem site-title eine Größe zugeordnet werden muss, habe nun aus den 400px > 300px gemacht und alles passt.

Jetzt mitmachen!

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