Grafik an header "anheften"

indy · 15. November 2013

hallo zusammen,
ich möchte gern an den header eine grafik anheften ... da es ja auf "normalem weg" nicht geht, wird es wohl nur über ein script gehn. komm da aber irgendwie nicht weiter. hat jemand ne idee?? was ich gern machen möchte, hängt hier mal als bild an.

wünsche euch noch einen schönen tag

lg
indy

zwoemti · 15. November 2013

Geht auch normal. Müsstest nur deine Seite verbreitern den Rand der Seiten kann ja auch transparent sein....

Gesendet von meinem C6603 mit Tapatalk 2

indy · 15. November 2013

verstehe was du meinst, danke! ... hmmm, dann müsste ich das auf beiden seiten machen wegen der symetrie ... nichts desto trotz, gibt´s die möglichkeit das über ein script zu lösen? das hätte den vorteil, dass ich verschiedene grafikelemente an verschiedenen stellen einbinden könnte ...

lg
indy

bernie · 15. November 2013

Ja, es gibt da schon was... Aber nicht 100%

Grafik drüber legen.

So wie hier auf der Taxiseite ist der Audi drübergelegt.

Problem ist, das sich das bei verschiedenen Auflösungen ändert...

Such hier im Forum, bin gerade nicht wirklich vorort wegen dem Code.

andy67 · 15. November 2013

Wieso ein Skript ? Geht doch auch mit CSS..

CSS

<style>
#imHeader {background-image: url('ordner/bild.png'); background-repeat:no-repeat; background-position: -30px -10px; z-index: 100;}
</style>

Musst nur die genaue Position mit -px festlegen !

zwoemti · 15. November 2013

naja nicht ganz andy....ohne getestet zu haben
Bild ist größer als der festgelegte Bereich durchs Programm....somit dürfte sich dein Bild nur nach links verschieben sich nicht aber vergrößern.

Mal einfach

HTML

<script>
$(document).ready(function() {
$('<img src="files/logo_unofficial_klein.png" style="margin-left:-30px;margin-top:25px; "/>').appendTo('#imHeader');
});
</script>

Alles anzeigen

probieren. Das hab ich hier mal getestet....

Ich weiß ja nicht in wie weit du das verstehst...aber du musst quasi nur einen Pfad zum Bild angeben und es dann mit margin left und top positionieren.....
Wie es sich verhält wenn ein Link drunter ist muss man dann mal online sehen auf deiner Seite....

bernie · 16. November 2013

Hallo

Testhalber mal eingebaut auf einer nicht fertigen- funktioniert einwandfrei!!!

indy · 18. November 2013

@ zwoemti
supi, genau so hatte ich mir das vorgstellt!

danke!

schönen tag noch

indy

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Grafik an header "anheften"

Teilen

Tags