Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise
Neueste Themen
»  Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Joost Gestern um 18:02

» Forum löschen, Probleme mit Gründeraccount
von Igazus Gestern um 17:57

» Zugangsdaten vergessen/verloren
von Joost Sa 16 März 2024 - 21:07

» PN's werden nicht mehr rot eingefärbt
von Ray Sa 16 März 2024 - 16:41

» Schwierigkeiten mit BBCode
von Skouliki Fr 15 März 2024 - 11:51

» Entdeckt die neue Option Servimg Premium
von Joost Mi 6 März 2024 - 19:50

» Neues YAMAHA XT660-Forum
von gnadenlos Fr 1 März 2024 - 7:33

» Forum nur noch für Eingeloggte sichtbar?
von Skouliki Di 27 Feb 2024 - 7:53

» [phpBB3] Eine Frage zum Forum selbst.
von Skouliki Di 27 Feb 2024 - 7:52

» Beiträge verschwinden
von Skouliki Do 22 Feb 2024 - 7:47

» [Tutorial - alle Versionen] (De)aktiviert die Anzeige von Signaturen aus Eurem Profil
von Eto Do 15 Feb 2024 - 22:17

» Datenback-Dump?
von Skouliki Mo 12 Feb 2024 - 22:02

» Einloggen nicht mehr möglich [erbitte schnelle Rückmeldung!]
von Skouliki Mo 12 Feb 2024 - 8:15

» Neuer User kann sich anmelden.
von Joost So 11 Feb 2024 - 18:06

» [phpBB3] Suchfunktion ohne Funktion
von Joost Sa 10 Feb 2024 - 19:38

» Die Sturmkriger (WaCa) mit Punktesystem
von Rama Di 6 Feb 2024 - 18:49

» Style funktioniert nicht
von Joost So 4 Feb 2024 - 16:50

» Vergabe von Auszeichnungen
von Eto Sa 3 Feb 2024 - 20:13

Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Joost in Entdeckt die neue Option Servimg Premium
( 2 )


» Beitrag von Skouliki in Beiträge verschwinden
( 1 )


» Beitrag von Skouliki in Beiträge verschwinden
( 1 )


» Beitrag von Skouliki in Beiträge verschwinden
( 1 )


» Beitrag von Skouliki in Forum nur noch für Eingeloggte sichtbar?
( 1 )


Z-Index Grafik vor der Navigation

2 verfasser

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Z-Index Grafik vor der Navigation  Empty Z-Index Grafik vor der Navigation

Beitrag von Leonides Sa 20 Aug 2011 - 12:52

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
avatar
Leonides
Meister
Meister

Beiträge : 267
Anmeldedatum : 21.01.11
keine
phpBB2

Nach oben Nach unten

Z-Index Grafik vor der Navigation  Empty Re: Z-Index Grafik vor der Navigation

Beitrag von #Frank Sa 20 Aug 2011 - 16:47

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>
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Z-Index Grafik vor der Navigation  Empty Re: Z-Index Grafik vor der Navigation

Beitrag von Leonides Sa 20 Aug 2011 - 17:48

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
avatar
Leonides
Meister
Meister

Beiträge : 267
Anmeldedatum : 21.01.11
keine
phpBB2

Nach oben Nach unten

Z-Index Grafik vor der Navigation  Empty Re: Z-Index Grafik vor der Navigation

Beitrag von #Frank So 21 Aug 2011 - 9:31

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.
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Z-Index Grafik vor der Navigation  Empty Re: Z-Index Grafik vor der Navigation

Beitrag von Leonides So 21 Aug 2011 - 18:05

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
avatar
Leonides
Meister
Meister

Beiträge : 267
Anmeldedatum : 21.01.11
keine
phpBB2

Nach oben Nach unten

Z-Index Grafik vor der Navigation  Empty Re: Z-Index Grafik vor der Navigation

Beitrag von #Frank Mo 22 Aug 2011 - 10:24

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.
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Z-Index Grafik vor der Navigation  Empty Re: Z-Index Grafik vor der Navigation

Beitrag von Leonides Mo 22 Aug 2011 - 10:44

Hallo #Frank! Smile

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
avatar
Leonides
Meister
Meister

Beiträge : 267
Anmeldedatum : 21.01.11
keine
phpBB2

Nach oben Nach unten

Z-Index Grafik vor der Navigation  Empty Re: Z-Index Grafik vor der Navigation

Beitrag von #Frank Mo 22 Aug 2011 - 11:57

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:
Z-Index Grafik vor der Navigation  A00104
Und hier umgedreht:
z-index menü ist 0 und die ecke ist 1:
Z-Index Grafik vor der Navigation  A0136
Du musst dementsprechend mal schauen welchen Objekten du den richtigen Z Index zuweist.
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Z-Index Grafik vor der Navigation  Empty Re: Z-Index Grafik vor der Navigation

Beitrag von Leonides Mo 22 Aug 2011 - 13:03

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 Smile

Liebe Grüße
Leonides Smile
avatar
Leonides
Meister
Meister

Beiträge : 267
Anmeldedatum : 21.01.11
keine
phpBB2

Nach oben Nach unten

Z-Index Grafik vor der Navigation  Empty Re: Z-Index Grafik vor der Navigation

Beitrag von Leonides Di 23 Aug 2011 - 16:00

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
avatar
Leonides
Meister
Meister

Beiträge : 267
Anmeldedatum : 21.01.11
keine
phpBB2

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben

- Ähnliche Themen

 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten