Grafik im Footer positionieren

Clo0Ud

[size=14]*gelöst*[/SIZE]
Hi
Ich hab schon im Forum geschaut und die Suche bemüht. Wenn ich etwas gefunden habe dann habe ich es nicht gecheckt (wohin der Code gehört oder das Problem war doch etwas anders als meins).

Also mein Problem ist folgendes:
Am besten ihr schaut euch den Screenshot an.

http://img89.imageshack.us/img89/5655/problemwl.png
Alternativ: meine Seite: http://www.new-style-crew.de
Also ich möchte die Grafik genau in der Mitte des weißen im Footer platzieren. Jedoch bekomme ich es nicht hin mit der Positionierung. Des weiteren will ich einen Link auf die Grafik legen der auf die Facebookseite verlinkt.
Ich habe wirklich nur ganz elementare HTML-Kenntnisse.

Es wäre glaube ich am besten wenn man es über CSS lösen könnte.

wenn ich es über CSS lösen könnte dann müsste ich den Code unter den Code für die Hintergrundgrafik schreiben?

Bisher ist es über den Footer gelöst. Aber auch nur suboptimal mit Fehlern im Code

PHP

<div id="footer">


<img src="<?php bloginfo('stylesheet_directory'); ?>/images/facebook.png" alt="follow us" /> 


 <a href="https://www.facebook.com/pages/NEW-STYLE-CREW/147065975368740?sk=wall" style="display:block; width:100%; height:100%;">
    <span style="visibility:hidden"><?php bloginfo('follow us') ?></span>
  </a>
</div>
<?php wp_footer(); ?>
</body>
</html>

Alles anzeigen

Vielen Dank schonmal für eure Hilfe

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

Tutrix

PHP

<div id="footer">
<a href="https://www.facebook.com/pages/NEW-STYLE-CREW/147065975368740?sk=wall"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/facebook.png" alt="follow us" /></a>
</div>
<?php wp_footer(); ?>
</body>
</html>

und in der style.css Zeile 259

Code

#footer {
    background: url("images/footer_bg.png") no-repeat scroll center top #000000;
    border-top: 1px solid #000000;
    height: 90px;
}

hier

Code

text-align: center;

hinzufügen

also

Code

#footer {
    background: url("images/footer_bg.png") no-repeat scroll center top #000000;
    border-top: 1px solid #000000;
    height: 90px;
    text-align: center;
}

Clo0Ud

Vielen Dank für deine Hilfe art of Pic. Du hast eine echt coole Seite nur der sliding door effect macht mich um 10 Uhr Abends irgendwie ganz kirre.:eek:

Jetzt klappt alles exakt so wie ich es mir vorgestellt habe echt perfekt

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Grafik im Footer positionieren

Jetzt mitmachen!

Benutzer online in diesem Thema