Bild in header.php einbinden

  • Hallo,
    ich habe das Forum bereits durchsucht und die allgemeinen Beiträge zu "bilder einbinden" haben mir leider nicht weitergeholfen.

    Es geht um die Seite Logosocken und dort soll unser Firmen-Logo in die header-grafik mit eingebunden werden.

    Nun habe ich in der css-datei folgendes eingebunden:

    #logo{
    background-image: url(/wp-content/upload/Lindner-Strumpffabrik.png);
    width: 149px;
    height: 133px;
    }

    und dann in die header.php folgenden Code:

    <div id="header"> <div class="logo"> <img src="http://www.logo-socken.de/wp-content/upl…rumpffabrik.png" alt="Lindner Strumpffabrik" />

    Ich glaube dass da jetzt eh was falsch ist, weil ich ja den dateiort in der css schon definiert hatte, aber ich habe hier im Forum schon mehrere Lösungen gefunden und ausprobiert, daher der "Salat" von da oben.

    Mein Hauptproblem ist folgendes:
    Durch die Einbindung der Grafik zerstört das Logo mir meinen Header, da der Blogname sowie die Beschreibung nicht mehr angezeigt werden.

    Hier der Orginal-Code (den ich gerade wieder online gestellt habe...):

    </head>
    <body id="home" class="log">
    <div id="headerbg">
    <div id="header">
    <h1 id="blogname"><a href="<?php bloginfo('siteurl'); ?>">
    <?php bloginfo('name'); ?>
    </a></h1><span class="description"> <?php bloginfo('description'); ?>
    </span>
    </div>

    Wie muss ich jetzt die css und/oder die header.php umbauen, damit meine Grafik vor dem Blognamen angezeigt wird und alles andere so bleibt wie es ist?

    Kann mir bitte bitte jemand helfen?
    Ich will lieber nicht sagen, wie lange ich da schon dran rumbastel und suche...:oops:

    Der Kopf ist rund, damit das Denken die Richtung wechseln kann.

    • 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

  • Code
    [COLOR="Blue"]/* style.css (line 43) */[/COLOR]
    #header {
    [COLOR="Red"]background:transparent url(/wp-content/upload/Lindner-Strumpffabrik.png) left top no-repeat;
    padding-left:140px;[/COLOR]
    height:90px;
    margin:0 auto;
    overflow:hidden;
    position:relative;
    width:960px;
    }


    Eventuell musst du noch die Breite und die (Min-)Höhe anpassen.

  • Bild eingebunden

    Ok, das Bild hab ich jetzt etwas verkleinert und dann passt es auch, danke!
    Allerdings müsste es jetzt noch weiter nach rechts eingerückt werden, damit der Rand bündig mit dem Text ist...

    Wie sag ich das dem css, da das "padding" ja "belegt" ist und sich jetzt ja nur auf die schrift und nicht das bild-logo bezieht...

    Der Kopf ist rund, damit das Denken die Richtung wechseln kann.

    Einmal editiert, zuletzt von socken (20. August 2008 um 16:12)

Jetzt mitmachen!

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