Z-Index Grafik vor der Navigation

[Leonides]

Hallo ich wünsche euch einen schönen sonnigen Nachmittag. ^^

Also ich hab ja vor kurzen dieses Thema hier.

aufgemacht. Jedoch kam ich erst leider heute dazu, dass ich mich dran setze und dieses Z-Index versuche. Wir sind sogar zu zweit vor dem PC gesessen und haben das versucht, allerdings ohne Erfolg.

Das alte Thema war bereits geschlossen, deshalb musste ich leider noch mal dieses Thema ins Lebens rufen. Sorry.

Wir haben da bestimmt einen Fehler gemacht. Nur weiß ich leider nicht welchen. Vielleicht kann mir das jemand bitte genauer erklären und mir sagen wo der Fehler im Code liegt und wie er bitte richtig aussehen würde.

Also hier wäre der Code, so wie wir ihn zu letzt verwendet haben.

Code:

<div id="infobox" style="z-index: 1;">

<SPAN style="position: absolute; top: 260px; right: 280px; width: 203px; height: 00px">
<A class="infobox" href="#INFO">
<img src=" http://www7.pic-upload.de/05.08.11/tqp173x368ml.png " width="100" height="100" border="0" alt="" />
<SPAN>
<table border="0"><tr><td>

 <a href="http://anime-central.all-forum.net/forum ">
<img src="http://www7.pic-upload.de/05.08.11/7qihwmf9cb5o.png" border="0" alt="" />
</td></tr></table>
</SPAN></A>
</span>
</div>

Danke schon im Vorfeld.

Ich wünsche euch noch einen schönen Nachmittag.

Liebe Grüße
Leonides

[#Frank]

Die Index Angabe müsste in die Positionierung mit eingesetzt werden:

<div id="infobox">

<SPAN style="position: absolute; z-index: 1; top: 260px; right: 280px; width: 203px; height: 00px">
<A class="infobox" href="#INFO">
<img src=" http://www7.pic-upload.de/05.08.11/tqp173x368ml.png " width="100" height="100" border="0" alt="" />
<SPAN>
<table border="0"><tr><td>

<a href="http://anime-central.all-forum.net/forum ">
<img src="http://www7.pic-upload.de/05.08.11/7qihwmf9cb5o.png" border="0" alt="" />
</td></tr></table>
</SPAN></A>
</span>
</div>

[Leonides]

Hallo #Frank, danke für deine Antwort.
Also ich hab das gerade eben so versucht, und es hat trotzdem nicht geklappt.
Ich hab das Ganze jetzt mal wieder zurückgesetzt.

Könnte es sein das vielleicht der Fehlers ich anders wo versteckt?

Danke noch mal.

Liebe Grüße
Leonides

[#Frank]

Theoretisch sollte es Funktionieren. Ich würde es in der nächsten Woche noch mal probieren und versuche das mal nachzustellen.
Ich melde mich wieder.

[Leonides]

Hallo #Frank!

Entschuldige bitte die Umstände wegen diesem Code und danke das du versuchst das Ganze nachzustellen.

Ich wollte jetzt noch nachfragen ob du von mir dafür irgendetwas vom Code benötigst? oO

Danke schon mal im vorraus.

Ich wünsche dir einen schönen Sonntag!

Liebe Grüße
Leonides

[#Frank]

Ich habe zwar schon einige Foren in denen ich solche Elemente habe, aber wenn du mir deine Codeteile die du eingesetzt hast hier geben könntest und auch die Stellen nennst, wo du diese eingesetzt hast, würde das die Sache schon erleichtern.

[Leonides]

Hallo #Frank!

Also hier wäre der Code den ich im Portal eingesetzt habe.

Code:

<SPAN style="position: absolute; top: 260px; right: 280px; width: 203px; height: 00px">
<A class="infobox" href="#INFO">
<img src=" http://www7.pic-upload.de/05.08.11/tqp173x368ml.png " width="100" height="100" border="0" alt="" />
<SPAN>
<table border="0"><tr><td>

 <a href="http://anime-central.all-forum.net/forum ">
<img src="http://www7.pic-upload.de/05.08.11/7qihwmf9cb5o.png" border="0" alt="" />
</td></tr></table>
</SPAN></A>
</span>














<SPAN style="position: absolute; top: 439px; right: 800px; width: 203px; height: 800px">
<A class="infobox" href="#INFO">
<img src=" http://www7.pic-upload.de/27.07.11/5ef4e9lgy37l.png " width="150" height="378" border="0" alt=""/>
<SPAN>
<table border="0"><tr><td>

 <a href="http://anime-central.all-forum.net/forum ">
<img src="http://www7.pic-upload.de/27.07.11/bz32s5q3kgz.png" border="0" alt="" />
</td></tr></table>
</SPAN></A>














<SPAN style="position: absolute; top: 0px; right: 70px;width: 203px; height: 800px">
<A class="infobox" href="#INFO">
<img src=" http://www7.pic-upload.de/27.07.11/sr4nsw1tl6e2.png " width="150" height="374" border="0" alt="" />
<SPAN>
<table border="0"><tr><td>

 <a href="http://anime-central.all-forum.net/forum ">
<img src="http://www7.pic-upload.de/27.07.11/4h2n1bz1bw1b.png" border="0" alt="" />
</td></tr></table>
</SPAN></A>




<SPAN style="position: absolute; top: 200px; right: 90px; width: 203px; height: 00px">
<A class="infobox" href="#INFO">
<img src=" http://www7.pic-upload.de/05.08.11/v6j7j72rft8.png " width="250" height="190" border="0" alt="" />
<SPAN>
<table border="0"><tr><td>

 <a href="http://anime-central.all-forum.net/forum ">
<img src="http://www7.pic-upload.de/27.07.11/7rt9v152sv6q.png" border="0" alt="" />
</td></tr></table>
</SPAN></A>



<SPAN style="position: absolute; top: 90px; right: 160px; width: 203px; height: 800px">
<marquee scrollamount="2"><img src="http://www7.pic-upload.de/29.07.11/m4x8axpebvmk.png" border="0" alt="" /></marquee>
</span>

Ich habe von den oberen Code, davon nur den ersten Abschnitt genommen um das mit dem Z-Index zu probieren. Also den hier...

Code:

<div id="infobox">

<SPAN style="position: absolute; z-index: 1; top: 260px; right: 280px; width: 203px; height: 00px">
<A class="infobox" href="#INFO">
<img src=" http://www7.pic-upload.de/05.08.11/tqp173x368ml.png " width="100" height="100" border="0" alt="" />
<SPAN>
<table border="0"><tr><td>

<a href="http://anime-central.all-forum.net/forum ">
<img src="http://www7.pic-upload.de/05.08.11/7qihwmf9cb5o.png" border="0" alt="" />
</td></tr></table>
</SPAN></A>
</span>
</div>

Ich hab natürlich auch versucht das Z-Index wo anders hin zu setzen, allerdings bekommt dadurch dann die Grafik einen anderen Platz.


Und das hier wäre der Code den ich in der Forenübersicht genützt habe.

Code:

<span style="font-size: 9px; line-height: normal"><table border="1"><tr><td align="left"><div style="margin:auto;text-align:center;width:100%"><a href="http://anime-central.all-forum.net/t35-animeserie-bleach?tid=a53ea4ba1a73427490d37ecf8fb20e0f" class="postlink"><img src="http://i0.uyl.me/files/81465375744166431624.png" border="0" alt="" /></a></div></td><td align="left"><div style="margin:auto;text-align:center;width:100%"><a href="http://anime-central.all-forum.net/t80-animeserie-fairy-tail?tid=a53ea4ba1a73427490d37ecf8fb20e0f" class="postlink"> <img src="http://i0.uyl.me/files/09993703403966142578.png" border="0" alt="" /></a></div></td><td align="left"><div style="margin:auto;text-align:center;width:100%"><a href="http://anime-central.all-forum.net/t106-animeserie-naruto-naruto-shipuuden?tid=a53ea4ba1a73427490d37ecf8fb20e0f" class="postlink"> <img src="http://i0.uyl.me/files/14858974277189318495.png" border="0" alt="" /></a></div></td><td align="left"><div style="margin:auto;text-align:center;width:100%"><a href="http://anime-central.all-forum.net/t112-animeserie-one-piece?tid=a53ea4ba1a73427490d37ecf8fb20e0f" class="postlink"> <img src="http://i0.uyl.me/files/19731159874848649731.png" border="0" alt="" /></a></div> </td></tr><tr><td align="left"><span style="font-size: 12px; line-height: normal"><div style="margin:auto;text-align:center;width:100%"><a href="http://anime-central.all-forum.net/t217-diskutiert-uber-den-aktuellen-bleach-manga?tid=a53ea4ba1a73427490d37ecf8fb20e0f" class="postlink">Bleach Manga Diskussion.</a></div></span></td><td align="left"><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 12px; line-height: normal"><a href="http://anime-central.all-forum.net/t1093-diskussion-uber-das-aktuelle-fairy-tail-chapter#8312?tid=a53ea4ba1a73427490d37ecf8fb20e0f" class="postlink">Fairy Tail Manga Diskussion.</a></div></span></td><td align="left"><span style="font-size: 12px; line-height: normal"><div style="margin:auto;text-align:center;width:100%"><a href="http://anime-central.all-forum.net/t214-diskussion-zum-naruto-manga-chapter#378?tid=a53ea4ba1a73427490d37ecf8fb20e0f" class="postlink">Naruto Manga Diskussion.</a></div></span></td><td align="left"><span style="font-size: 12px; line-height: normal"><div style="margin:auto;text-align:center;width:100%"><a href="http://anime-central.all-forum.net/t220-diskutiert-uber-den-aktuellen-one-piece-manga#384?tid=a53ea4ba1a73427490d37ecf8fb20e0f" class="postlink">One-Piece Manga Diskussion.</a></div></span></td></tr><td align="left"><span style="font-size: 12px; line-height: normal"><div style="margin:auto;text-align:center;width:100%"><a href="http://anime-central.all-forum.net/t218-spekulation-uber-das-nachste-bleach-chapter?tid=a53ea4ba1a73427490d37ecf8fb20e0f" class="postlink">Bleach Manga Spekulation.</a></div></span></td><td align="left"><span style="font-size: 12px; line-height: normal"><div style="margin:auto;text-align:center;width:100%"><a href="http://anime-central.all-forum.net/t1094-spekulation-uber-das-nachste-fairy-tail-chapter#8313?tid=a53ea4ba1a73427490d37ecf8fb20e0f" class="postlink">Fairy Tail Manga Spekulation.</a></div></span></td><td align="left"><span style="font-size: 12px; line-height: normal"><div style="margin:auto;text-align:center;width:100%"><a href="http://anime-central.all-forum.net/t215-spekulation-uber-das-nachste-naruto-manga-chapter#379?tid=a53ea4ba1a73427490d37ecf8fb20e0f" class="postlink">Naruto Manga Spekulation.</a></div></span></td><td align="left"><span style="font-size: 12px; line-height: normal"><div style="margin:auto;text-align:center;width:100%"><a href="http://anime-central.all-forum.net/t221-spekulation-uber-das-nachste-one-piece-chapter#385?tid=a53ea4ba1a73427490d37ecf8fb20e0f" class="postlink">One-Piece Manga Spekulation.</a></div></span></td><tr><td align="left"><div style="margin:auto;text-align:center;width:100%"><form name="Formular">
Usere Link Tipps!
<select name="Ziel" onchange="QuickJump(this.form);">
<option value="" selected>Wähle ein Thema aus.</option>

<option value="Link"></option>

</select>
</form> </div></td><td align="left"><div style="margin:auto;text-align:center;width:100%"><form name="Formular">
Usere Link Tipps!
<select name="Ziel" onchange="QuickJump(this.form);">
<option value="" selected>Wähle ein Thema aus.</option>

<option value="Link"></option>

</select>
</form> </div></td><td align="left"><div style="margin:auto;text-align:center;width:100%"><form name="Formular">
Usere Link Tipps!
<select name="Ziel" onchange="QuickJump(this.form);">
<option value="" selected>Wähle ein Thema aus.</option>

<option value="http://anime-central.all-forum.net/t586-itachis-vermachnis-an-naruto">Itachi Vermächtnis</option>
<option value="http://anime-central.all-forum.net/t585-naruto-und-das-rinnegan">Naruto & das Rinnegan</option>
<option value="http://anime-central.all-forum.net/t862-der-ninjaweltkrieg">Ninjaweltkrieg</option>
<option value="http://anime-central.all-forum.net/t528-welche-absichten-stecken-hinter-kabutos-plan">Kabutos Plan</option>

</select>
</form> </div></td><td align="left"><div style="margin:auto;text-align:center;width:100%"><form name="Formular">
Usere Link Tipps!
<select name="Ziel" onchange="QuickJump(this.form);">
<option value="" selected>Wähle ein Thema aus.</option>

<option value="Link"></option>


</select>
</form> </div></td></tr></table></span>

Danke noch mal und Entschuldige bitte den Aufwand.

Ich wünsche dir noch einen schönen Montag.

Liebe Grüße
Leonides

[#Frank]

Als erstes musst du deine Menüleiste auf der Startseite mal nach vorne bringen. Die anderen Codes auf der Portalseite funktionieren bei mir nicht richtig.
Ich denke das wenn du dein Menü mal in den Vordergrund schiebst, dann sollte das Problem schon erledigt sein.

Wie das mit dem z-index funktioniert, kannst du dir auf meiner Testseite anschauen.
http://retro-fuchs.forumieren.com/
dort findest du oben ein Menü und dahinter auf der rechten Seite eine Ecke.

Du kannst zu Testzwecken mal das hier in dein overall_header einsetzen:

Code:

<!-- BEGIN switch_user_logged_out -->
<div style="position: fixed; top: 0px; width: 100%; z-index: 1;">
<body leftmargin="0" topmargin="0" rightmargin="0">
 <table width="100%"  height="48" background="http://www.abload.de/img/3ehy6bzmr.png" cellspacing="0" cellpadding="0" leftmargin="0" topmargin="0">
    <tr>
      <td align="center">
<a href="../forum" title="Zur Startseite"><img src="http://s7.directupload.net/images/user/110329/3zatmrct.png" width="37" height="40"></a>
<a href="../portal" title="Zum Portal"><img src="http://s1.directupload.net/images/user/110329/hdg6gy5y.png" width="37" height="40"></a>
<a href="../register" title="Zur Anmeldung im Forum"><img src="http://s1.directupload.net/images/user/110329/qi8mrx8n.png" width="37" height="40"></a>
<a href="../login" title="Einloggen"><img src="http://s7.directupload.net/images/user/110329/nygokh6g.png" width="37" height="40"></a></td>
    </tr>
 </table>
</div>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<div style="position: fixed; top: 0px; width: 100%; z-index: 1;">
<body leftmargin="0" topmargin="0" rightmargin="0">
 <table width="100%"  height="48" background="http://www.abload.de/img/3ehy6bzmr.png" cellspacing="0" cellpadding="0" leftmargin="0" topmargin="0">
    <tr>
      <td align="center">
<a href="../forum" title="Zur Startseite"><img src="http://s7.directupload.net/images/user/110329/3zatmrct.png" width="37" height="40"></a>
<a href="../portal" title="Zum Portal"><img src="http://s1.directupload.net/images/user/110329/hdg6gy5y.png" width="37" height="40"></a>
<a href="../search" title="Zur Suche im Forum"><img src="http://s7.directupload.net/images/user/110329/ozbij8lj.png" width="37" height="40"></a>
<a href="../privmsg?folder=inbox" title="Zum Posteingang"><img src="http://s7.directupload.net/images/user/110329/cojluos4.png" width="37" height="40"></a>
<a href="../search?search_id=newposts" title="Neue Beiträge seit Ihrem letzten Besuch"><img src="http://s7.directupload.net/images/user/110329/kzpjo7w2.png" width="37" height="40"></a>
<a href="../login.forum?logout" title="Ausloggen"><img src="http://s1.directupload.net/images/user/110329/vg7nnaqf.png" width="37" height="40"></a>
</b></td>
    </tr>
 </table>
</div>
<!-- END switch_user_logged_in -->

<!-- BEGIN switch_user_logged_in -->
<div class="gensmall">
<div style="position: fixed; top: 0px; right: 0px; z-index: 0;">
<a href="http://www.harzfuchs.de/stadtbilder" target="_blank">
<img src="http://www.abload.de/img/eckefrfrankd1vv.png"></a>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div class="gensmall">
<div style="position: fixed; top: 0px; right: 0px; z-index: 0;">
<a href="../profile.forum?mode=register">
<img src="http://www.abload.de/img/eckefrfrank3kjm1.png"></a>
</div>
<!-- END switch_user_logged_out -->

Wenn du das einsetz und dort mal die Angaben unter z-index veränderst, wirst du die Unterschiede sehen.
Hier so wie es oben ist z-index menü ist 1 und die ecke ist 0:

Und hier umgedreht:
z-index menü ist 0 und die ecke ist 1:

Du musst dementsprechend mal schauen welchen Objekten du den richtigen Z Index zuweist.

[Leonides]

Hallo #Frank danke noch einmal für deine Bemühung und für die Erklärung. Ich werd es dann noch mal ausprobieren.

Könntest du bitte dieses Thema noch offen lassen. Das wäre echt toll. Danke

Liebe Grüße
Leonides

[Leonides]

Hallo #Frank, danke für deine Hilfe es hat geklappt. *freu*

Ich wünsche dir noch einen schönen Montag Nachmittag.

Liebe Grüße
Leonides