Frage von ShinoMatzuki, 55

Wie setzte ich bei HTML einen Werbungsbanner über die Hintergrundebene im Code?

Hallo,

ich habe heute einen Banner in meinem Blog eingefügt aber dabei gemerkt, dass man den Banner nur sieht wenn man den Background Image entfernt. Meine Frage ist wie ich ein Hintergrundbild setzen kann und gleichzeitig den Banner Sichtbar machen kann. Also den Banner in einer höheren Ebene als das Background Image setzen.

Hier ist der Code der Seite: http://codepen.io/anon/pen/QNbjEj

Habe schon paar varianten mit z-index probiert aber das ging nicht

Dankeschön im vor raus

Antwort
von Harraldino, 36

Ohne die Seite ansich ist das immer etwas schwierig zu testen, aber ggfs hast du hier schon den Fehler produziert:

<div align='center'; position: absolute; z-index: 2;>

Denn richtig müsste es schon mal so lauten:

<div align='center' style='position: absolute; z-index: 2;'>
Kommentar von ShinoMatzuki ,

Danke schön hat funktioniert aber jetzt wird der 'center' befehl nicht ausgefühlt. Der Banner ist links ausgerichtet

Kommentar von Harraldino ,

Versuche mal folgendes: 

<div style='position: absolute; z-index: 2;text-align:center'>
Kommentar von Harraldino ,

Wenn du auf das absolute nicht angewiesen bist, dann klappt folgende Version:

<div style="text-align: center;z-index: 2;">      
Kommentar von ShinoMatzuki ,

Danke dir wirklich für deine Bemühungen, aber das geht auch nicht. Irgendeine andere Methode ?

Kommentar von ShinoMatzuki ,

http://life-is-motivation.tumblr.com/

hier die seite falls es hilft

Kommentar von Harraldino ,

Jap, das hat geholfen:

<div style='position:absolute;z-index:2;left:50%;margin-left:-364px'>
Kommentar von ShinoMatzuki ,

Oh Gott ich danke dir so sehr dafür. Ich hoffe ich störe dich nicht mit einer letzten Frage. Alles super das einzige Problem was bleibt ist dass die Werbung oben nicht anklick bar ist weil es sich anscheinen mit dem MENU bar was oben links zu sehen ist überschneidet. Ksnnst du mir bitte sagen wie ich es hinbekomme den MEnu Bar und alles andere nach unten schieben kann. Sogesehen den BAnner über alles plaziere ?

Kommentar von Harraldino ,

Setze einfach den z-index: von 2 auf z-index:10000, dann ist der Banner wieder anklickbar.

Kommentar von ShinoMatzuki ,

Ich danke dir vielmals für deine Hilfe

Keine passende Antwort gefunden?

Fragen Sie die Community