Position eines Banners im Header / Footer

  • Hallo,

    ich habe mir wegen der WYSIWYG-Eigenschaften Wordpress installiert und möchte meine Webseite http://www.ordensmuseum.de auf Wordpress umstellen.

    Soweit komme ich damit gut zurecht. Ich habe das Headerbild gegen mein eigenes ausgetauscht und die Breite in der Theme "Twenty Ten" etwas verbreitert.

    Nun habe ich mein Banner (animiertes Gif) im Header und im Footer eingefügt. Zu sehen unter

    http://www.ordensmuseum.de/Orden/

    Ich würde aber gern das Banner genau zwischen den Textzeilen anzeigen und nicht jeweils darüber. Habe einiges probiert, ich schaffe es jedoch nicht, dass das Banner mittig in der gleichen Zeile angezeigt wird.

    Hier mein Code im Header:



    Hier mein Code im Footer:

    PHP
    </div><!-- #main -->
     <div id="footer" role="contentinfo">
      <div id="colophon"><div align="center"><img src="http://www.ordensmuseum.de/Orden/wp-content/uploads/2010/07/banbvo1.gif" alt="F&uuml;r einen Link auf meine Seite benutzen Sie bitte dieses Banner" width="468" height="60"></div>
    <?php



    Kann mir jemand einen Tipp geben, wie ich das Banner jeweils zwischen den Text, zentriert, auf gleicher Höhe anzeigen lassen kann?

    Danke!

    • 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

  • Moin,

    die drei Elemente (Banner, h1 und #site-description) müssen in Verbindung mit einer passenden Breite floaten (clearen nicht vergessen).
    Ohne Breite werden Blockelemente so breit wie Platz das ist.

    Die Struktur muss auch a weng umgebaut werden, d.h. das Banner muss ins #branding rein, oder h1 und #site-description aus #branding raus.

Jetzt mitmachen!

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