Bild im Header verlinken

  • Hallo liebe Community,

    es gibt ja schon zahlreiche Beiträge hier im Forum zum Verlinken von Bildern, aber leider funktioniert bei mir folgendes nicht:

    Ich habe im Header eine Grafik, auf die ich nochmal eine transparente PNG lege. Diese möchte ich nun gern per CSS positionieren und so verlinken, dass sie auf meine home-seite verweist.

    Dafür habe ich zunächst folgenden html-code für meinen header (Auszug, verlinkt noch zu google):

    HTML
    <div id="page_wrap">
        <div id="page_logo">
        <a href="http://www.google.de"><img src="/wp-content/themes/pyrmont-v2/images/schriftzug.png" alt="Alternativtext"/></a></div>
            <div id="header">
            
                <?php include (TEMPLATEPATH . '/searchform.php'); ?>
                
                <div class="clear"></div>
            </div><!-- end header -->

    Die entsprechende CSS sieht wie folgt aus:

    Die Grafiken sind an der richtigen Stelle, aber ich bin der Meinung, dass die Grafik über die CSS angezeigt wird und nicht über den html-befehl (wenn ich den lösche, bleibt die Grafik trotzdem stehen). Ein link will sich bei der schriftzug.png aber nicht einstellen... Ich sehe nur den "Alternativtext", der auch verlinkt wird...Aber ich sehe keinen Fehler?

    Bin für jede noch so kleine Hilfe dankbar!

    Viele Grüße,

    griffon

    • 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

  • also keine ahnung ob es daran liegt, aber ich meine du hast eine div-tag vergessen zu schließen.

    4 eröffnende und nur 3 schließende zähl ich...

  • Hi,

    und vielen Dank für Eure Antworten.
    An den div-Tags liegt es nicht - schließe ich noch einen, wird mein Inhalt nicht mehr angezeigt. Ich glaube, der dort fehlende wird weiter unten geschlossen.

    Also mit der height und width in der css wird das bild zwar angezeigt, aber mir fehlt nach wie vor die verlinkung - das Bild ist aber immerhin an der richtigen Stelle!

    Wie kann ich das hinbekommen?

    Vielen Dank schonmal!

  • Besten Dank für die Hilfe,

    es geht jetzt! Ich hatte 2 Probleme. Erstens muss der Tag so aussehen:

    HTML
    <div id="page_logo">
        <a href="http://www.google.de"><img src="Bild-URL" alt="Alternativtext"/></a>
        </div>

    und die dazugehörige CSS:

    Code
    div#page_logo{
        float: left;
        margin-left:110px;
        margin-top:65px;
        }

    So weit war ich ja schon. Die Kunst ist, dass die URL des Bildes richtig angegeben werden muss - und lokal macht sich das ein wenig schwer ;) Das ist wohl der Trick gewesen...

Jetzt mitmachen!

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