Logo Grafik wird vergrößert dargestellt - Twenty Eleven 1.3

SubSeven

Hallo,

Ich hab den Blogtitel durch ein Logo ersetzt.
Das Logo soll in originalgröße mittig oder links plaztiert werden.
Mein Problem ist dass das Logo vergrößert dargestellt wird.

PHP

<hgroup>
                <h1 id="site-title">
                <span>
                <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
                <img src="http://127.0.0.1/wordpress/wp-content/uploads/2012/02/logo_300dpi280x156.jpg">                
                </a>
                </span>
                </h1>
                <h2 id="site-description"><?php bloginfo('description'); ?></h2>
            </hgroup>

Die Originalmaße sind 280 x 156 aber es wird Skaliert zu 578 × 322

Vielen Dank im Voraus,

Sven

Werbepost

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

Ammaletu

Ohne mir das jetzt im Detail angeschaut zu haben: Das Layout von Twenty Eleven ist flexibel und passt sich der Fenstergröße des Browsers an. Probier mal, den Browser kleiner zu ziehen, dann schrumpfen die Bilder. Du solltest Headerbilder also am besten an den Maximalwerten orientieren, welche die Default-Header haben. Größer werden die Bilder nicht. das, oder eben per CSS bestimmen dass Dein neues Bild nicht wachsen/schrumpfen soll.

SubSeven

Sowas in der Art habe ich mir schon gedacht, allerdings weiß ich nicht was ich genau anpassen muss.
Handelt es sich dabei um eine PHP oder CSS Einstellung?

Ich habe mal testweise ein großes Foto (hochkant) eingefügt, das höher als der Header war, und selbst das wurde vergrößert.
Jetzt frag ich mich nur was da genau passiert. Wird die Bildbreite automatisch angepasst ohne die Höhe zu berücksichtigen?

Ammaletu

Zitat

Wird die Bildbreite automatisch angepasst ohne die Höhe zu berücksichtigen?

Ja, genauso ist es. Im CSS sieht das so aus:

Code

#branding img {
    height: auto;
    margin-bottom: -7px;
    width: 100%;




}

Du musst also ein Bild hochladen, dass 1000*288 (?!) ist oder eben am CSS arbeiten.

SubSeven

Aahhh! Genau das wollte ich wissen. Besten dank :)

PHP

#branding img {
    height: auto;
    margin-top: -30px;
    margin-bottom: -30px;
    width: auto;

Jetzt passt es :razz:

Gruß

Sven

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Logo Grafik wird vergrößert dargestellt - Twenty Eleven 1.3

Jetzt mitmachen!