navileiste und headerimage-position vertauschen

    • 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

  • hi, willkommen hier im forum :grin:

    wenn du die ganze div #access von [FONT=Courier New][COLOR=blue]<div id="access" role="navigation">[/COLOR][/FONT] bis [FONT=Courier New][COLOR=blue]</div><!-- #access -->[/COLOR][/FONT] einschliesslich von der jetzigen position in die zeile nach [FONT=Courier New][COLOR=blue]</div><!-- #branding -->[/COLOR][/FONT] verschiebst, sollte das eigenlich funktionieren.
    (in header.php des themes ?)

    die dann sichtbare schwarze linie entfernst du in style.css im style [FONT=Courier New][COLOR=blue]#branding img[/COLOR][/FONT] - border-top.

  • hallo, vielen dank nochmal.
    ich habe den:

    <div id="access" role="navigation">
    <?php /* Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
    <div class="skip-link screen-reader-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'coraline' ); ?>"><?php _e( 'Skip to content', 'coraline' ); ?></a></div>
    <?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?>
    <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
    </div><!-- #access -->

    code direkt nach:

    div id="branding">
    <?php
    // Check to see if the header image has been removed
    if ( get_header_image() != '' ) :
    ?>
    <a href="<?php echo home_url( '/' ); ?>">
    <?php
    // The header image
    // Check if this is a post or page, if it has a thumbnail, and if it's a big one
    if ( is_singular() &&
    has_post_thumbnail( $post->ID ) &&
    ( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'post-thumbnail' ) ) &&
    $image[1] >= HEADER_IMAGE_WIDTH ) :
    // Houston, we have a new header image!
    echo get_the_post_thumbnail( $post->ID, 'post-thumbnail' );
    else : ?>
    <img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />
    <?php endif; // end check for featured image or standard header ?>
    </a>
    <?php endif; // end check for removed header image ?>
    </div><!-- #branding -->

    in header.php des themes gesetzt - und oberhalb gelöscht. allerdings hatte es keine auswirkung auf auf die anordnung.

  • Code
    allerdings hatte es keine auswirkung auf auf die anordnung.

    dann hast du wohl vergessen zu speichern
    oder die falsche Datei hochgeladen
    oder deine Seite nicht neu im Browser geladen

    denn wenn du diese Änderung so durchgeführt hast, ist das Menü unten und der Header oben

  • wenn du jetzt noch in der style.css das rot markierte entfernst, sieht es noch besser aus :wink:

    Code
    #branding img {
    	[COLOR=Red]border: 1px solid #000;
    	border-width: 3px 0 1px;[/COLOR]
    	max-width: 100%;
    	width: auto;
    	height: auto;
    }
  • hallo nochmal,

    ich habe folgendes [FONT=Arial][size=10][FONT=Arial]Darstellungsproblem im IE6. [/FONT][/SIZE][/FONT]:

    wenn man http://www.schimpfgmbh.de im IE6 öffnet, sieht man das header-image erst dann , nachdem man draufgeklickt hat. (sreenshot im anhang)

    ich vermute, das könnte mit dem gesetzten hyperlink in der header php zusammenhängen, bin mir aber nicht sicher?

    schonmal danke für die hilfe und lösungsvorschläge :)

    Einmal editiert, zuletzt von ameh23 (3. Februar 2011 um 12:17)

  • ändere mal dies in der style.css

    Code
    #branding img {
        height: auto;
        max-width: 100%;
        width: auto;
    }

    in

    Code
    #branding img {
        height: 180px;
        width: 660px;
    }
  • danke Art of Pic,
    kann allerdings erst montag bescheid geben ob das geklappt hat.
    da es auf meiner IE version keinen unterschied zu firefox gab.

  • Adresse hier = http://ipinfo.info/netrenderer/ eingeben und IE6 wählen, dann siehst du, das es nun funktioniert :wink:

    ach ja, dir ist beim ändern eine Klammer hängengeblieben :razz:

    Code
    #branding img {
    	
        height: 180px;
        width: 660px;
    
    
    }
    
    
    [COLOR=Red]}[/COLOR]<----die da


    die muss weg

    Einmal editiert, zuletzt von Tutrix (3. Februar 2011 um 17:13)

  • *ausgrab*

    Ich habe auch eben Header und Menü vertauscht, soweit auch erfolgreich, nach der Methode oben. Aber komischerweise funktioniert es NICHT auf der Startseite und auf einer Unterseite. Meine Seite ist http://www.fian-berlin.de.

    Vielleicht kann mir jemand helfen, ich nutze das Coraline-Standardmenü mit den Beiträgen auf der Startseite. Sehr komisch finde ich halt auch, dass das Menü bei der Seite "Kontakt" nach oben rutscht.

  • Hm... hab eigentlich den Cache in verschiedenen Browsern gelöscht, aber vielleicht hängt es wirklich mit dem Plugin zusammen. Werde ich mir gleich mal ansehen. Danke für den Hinweis.

    EDIT: Hat geholfen, Cache über WP-Super-Cache geleert und funzt. Danke für die schnelle Hilfe - werde in nächster Zeit bestimmt öfter was fragen ;)

    Einmal editiert, zuletzt von sinitita (11. März 2013 um 14:40)

Jetzt mitmachen!

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