HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - Ein <embed>-Tag überlagert mein Menu

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

Ein <embed>-Tag überlagert mein Menu

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   HTML
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
Caipurinho
Gast





BeitragVerfasst am: 24.08.2005 20:18:35    Titel: Ein <embed>-Tag äberlagert mein Menu Antworten mit Zitat

Servus,

ich hätte da gern mal ein Problem! Wink)

Ich habe ein drop-down-menu als php-include eingefügt und ein bisschen weiter unten eine pdf-Datei als emded-Tag eingefügt.

Problem: Das Menu ist so groß, dass es einen Teil der pdf-Datei überlagert. Und jetzt verschwindet mein Menu hinter dem emded und man kann das Menu nicht mehr lesen!

Daher meine Frage: Kann man einen Befehl wie "immer im Vordergrund bzw. Hintergrund dem tag hinzufügen, so dass mein Menu die pdf-Darstellung überlagert und nicht umgekehrt?

Besten Dank für Eure Hilfe!
Nach oben
Z-Index
Gast





BeitragVerfasst am: 25.08.2005 14:26:53    Titel: Antworten mit Zitat

Versuchs mal mit style="z-index:zahl"

Je kleiner die Zahl, desto weiter vorne. Falls das beim Object nicht geht, pack es in ein <div> Tag.

Gruss Günther
Nach oben
gflaig
Forumsteilnehmer


Anmeldungsdatum: 23.08.2005
Beiträge: 6
Wohnort: Nähe Stuttgart

BeitragVerfasst am: 25.08.2005 14:28:50    Titel: z-index Antworten mit Zitat

Siehe auch
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index

Günther - nochmal
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen AIM-Name Yahoo Messenger MSN Messenger
admin
Site Admin


Anmeldungsdatum: 16.01.2005
Beiträge: 323
Wohnort: Berlin

BeitragVerfasst am: 25.08.2005 14:33:43    Titel: Antworten mit Zitat

... oder auch:
http://www.html-world.de/program/css_14.php#z-index
Wink
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen MSN Messenger
Caipurinho



Anmeldungsdatum: 24.08.2005
Beiträge: 4

BeitragVerfasst am: 25.08.2005 17:52:36    Titel: Antworten mit Zitat

Tach die Herren,

vielen Dank für Eure Antwort. Das ist genau, was ich suche, es will aber noch nicht und ich brauche Euch nochmal...

Hier mein Code:

Das Menu:

Code:
<div style="z-index:1">
   <?=$output?></div>


Und mein pdf-embed:

Code:
<div style="z-index:2">
   <embed src="http://www.ruerup.org/ich/cv_20050510.pdf"  height="100%" width="829"href="http://www.ruerup.org/ich/cv_20050510.pdf" href="http://www.ruerup.org/ich/cv_20050510.pdf"></embed>
   </div>


Und wer es live sehen möchte: http://test.ruerup.org/ich/ichlebenslauf.php

Liegt es daran, dass ich es um einen php-Befehl gelegt habe? Freue mich auf Eure Antwort!

Beste Grüße
Volker
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
PP sicher nicht.
Gast





BeitragVerfasst am: 26.08.2005 03:48:33    Titel: Antworten mit Zitat

php wird auf der Serve Seite interpretiert, nicht im Browser.
Die Frage wäre, was steht nach der Auflösung da. (Quellcode im Browser)
Es wäre auch denkbar, dass sich das pdf-plugin noch vorne drängelt, ohne sich drum zu kümmern, was der Browser sagt.

Gruss Günther
Nach oben
Ein Verwirrter
Gast





BeitragVerfasst am: 26.08.2005 09:18:26    Titel: Antworten mit Zitat

Naja, im Firefox sieht man nichts, außer dass Acrobat 6.02 meldet, dass die Operation unzulässig ist.

Ansonsten würde ich die Werte für die z-Indizes tauschen, ausgehend von deinem Eingangsposting, da hohe Zahlen die Elemente, die übrigens positioniert sein müssen, in den Vordergrund holen. Je höher die Zahl, desto weiter vorne!

vgl. auch: http://www.css4you.de/z-index.html
Nach oben
Caipurinho



Anmeldungsdatum: 24.08.2005
Beiträge: 4

BeitragVerfasst am: 26.08.2005 09:21:00    Titel: Antworten mit Zitat

PP sicher nicht. hat folgendes geschrieben:
php wird auf der Serve Seite interpretiert, nicht im Browser.
Die Frage wäre, was steht nach der Auflösung da. (Quellcode im Browser)
Es wäre auch denkbar, dass sich das pdf-plugin noch vorne drängelt, ohne sich drum zu kümmern, was der Browser sagt.

Gruss Günther


Hallo Günther,

poste Dir hier gerne den gesamten Code, den ich aus dem Browser genommen habe. Ich hoffe es ist Dir nicht zu viel. Dachte aber besser alles, damit es keine Missverständnisse gibt.

Als Experte kannst Du die relevanten Zeilen hoffentlich schnell sehen...

Das Menu ist durch FlexMenue gekennzeichnet, der PDF-embed durch PDF.

Noch eine Frage: Der firefox kann das embed gar nicht anzeigen, er sagt mir "Acrobat plugin: This operation is not allowed". Liegt das daran, dass ich es in eine bestimmt Zelle packe?

Grüße
Volker


Code:
<html>
<head>
<title>www.ruerup.org :: ICH </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<!-- FexMenue-->
<link href="../menuinc/style.css" type="text/css" rel="stylesheet">
   <script type="text/javascript" src="../menuinc/menu.js"></script>
<!-- Ende FlexMenue-->

</head>


<style type="text/css">
a:link { color:white; text-decoration:none }
a:visited { color:white; text-decoration:none }
a:hover {  text-decoration:underline }
</style>

<body leftmargin="0" rightmargin="0"  topmargin="3" bottommargin="0" marginheight="8"
 marginwidth="0" bgcolor="#999999">

<!-- FexMenue-->
<link href="../menuinc/style.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="../menuinc/menu.js"></script>
<!-- Ende FlexMenue-->



<table bgcolor="#666666" width="980" height="535" align="center">
<tr>
<td>
   <table bgcolor="#FFFFFF" width="979" height="534" border="0" cellpadding="0" cellspacing="0">
   <tr>
<!-- Der Anfang aller Programmierung-->
   <td bgcolor="#9900000" height="100" valign="bottom" align="center" style="background-image:     url(../digsignat2.jpg);
    background-repeat:no-repeat; background-postition:center">
    <font color="#666666" face="Tahoma" size="+2">www<strong><font size="+3">ruerup</font></strong>org</font>
    <br>
    <br>

   <!-- FexMenue-->
   <div style="z-index:1">
   
<script type="text/javascript">
var code = "code";
var url = "url";
var sub = "sub";
var color1 = {"border":"#330000", "shadow":"#330000", "bgON":"#FFFFFF","bgOVER":"#FF9900"};
var css1 = {"ON":"clsCMOn", "OVER":"clsCMOver"};
var STYLE1 = {"border":1, "shadow":2, "color":color1, "css":css1};
var width1 = 130;
var height1 = 21;
var subwidth1 = 130;
var subheight1 = 21;

var BLANK_IMAGE = "../menuinc/bPixel.gif";
var MENU_ITEMS1 =
[
   {"pos":"relative", "size":[height1 ,width1], "itemoff":[0,width1-1], "leveloff":[height1-1,0], "delay":600, "style":STYLE1}
     ,      {code:"Home", url:"/index.php"}
,      {code:"Ich", url:"/ich/ich-start.php",
      sub:[
         {"size":[subheight1,subwidth1], "itemoff":[subheight1-1,0], "leveloff":[0,0], "style":STYLE1},         {code:"Lebenslauf", url:"/ich/ich-lebenslauf.php"}
,         {code:"Galerie", url:"/ich/ich-galerie.php"}
,         {code:"Kontakt", url:"/ich/ich-kontakt.php"}
]}
,      {code:"Galerie", url:"/galerie/galerie-start.php",
      sub:[
         {"size":[subheight1,subwidth1], "itemoff":[subheight1-1,0], "leveloff":[0,0], "style":STYLE1},         {code:"Eigene Galerien", url:"/galerie/galerie-eigenegalerien.php",
         sub:[
            {"size":[subheight1,subwidth1], "itemoff":[subheight1-1,0], "leveloff":[0,subwidth1-1], "style":STYLE1},            {code:"2003", url:"/galerie/galerie-eigenegalerien-2003.php"}
,            {code:"2004", url:"/galerie/galerie-eigenegalerien-2004.php"}
,            {code:"2005", url:"/galerie/galerie-eigenegalerien-2005.php"}
,            {code:"2006", url:"/galerie/galerie-eigenegalerien-2006.php"}
]}
,         {code:"Fremde Galerien", url:"/galerie/galerie-fremdegalerien.php"}
]}
,      {code:"Tagebuch", url:"/tagebuch/tagebuch-start.php",
      sub:[
         {"size":[subheight1,subwidth1], "itemoff":[subheight1-1,0], "leveloff":[0,0], "style":STYLE1},         {code:" Mein Tagebuch", url:"/tagebuch/tagebuch-mein.php",
         sub:[
            {"size":[subheight1,subwidth1], "itemoff":[subheight1-1,0], "leveloff":[0,subwidth1-1], "style":STYLE1},            {code:"2005", url:"/tagebuch/tagebuch-mein-2005.php"}
,            {code:"2006", url:"/tagebuch/tagebuch-mein-2006.php"}
]}
,         {code:"Site-Tagebuch", url:"/tagebuch/tagebuch-site.php",
         sub:[
            {"size":[subheight1,subwidth1], "itemoff":[subheight1-1,0], "leveloff":[0,subwidth1-1], "style":STYLE1},            {code:"Alte Versionen", url:"/tagebuch/tagebuch-site-alteversionen.php"}
,            {code:"2003", url:"/tagebuch/tagebuch-site-2003.php"}
,            {code:"2004", url:"/tagebuch/tagebuch-site-2004.php"}
,            {code:"2005", url:"/tagebuch/tagebuch-site-2005.php"}
,            {code:"2006", url:"/tagebuch/tagebuch-site-2006.php"}
]}
]}
,      {code:"Interaktiv", url:"/interaktiv/interaktiv-start.php",
      sub:[
         {"size":[subheight1,subwidth1], "itemoff":[subheight1-1,0], "leveloff":[0,0], "style":STYLE1},         {code:"Guestbook", url:"/interaktiv/interaktiv-guestbook.php"}
,         {code:"Newsletter", url:"/interaktiv/interaktiv-newsletter.php"}
,         {code:"Kommentar", url:"/interaktiv/interaktiv-kommentar.php"}
,         {code:"Forum", url:"/interaktiv/interaktiv-forum.php"}
,         {code:"Downloads", url:"/interaktiv/interaktiv-downloads.php"}
,         {code:"Umfragen", url:"/interaktiv/interaktiv-umfragen.php"}
]}
,      {code:"Links", url:"/links/links-start.php",
      sub:[
         {"size":[subheight1,subwidth1], "itemoff":[subheight1-1,0], "leveloff":[0,0], "style":STYLE1},         {code:"Friends", url:"/links/links-friends.php"}
,         {code:"Internet", url:"/links/links-internet.php"}
]}
,      {code:"Specials", url:"/specials/specials-start.php",
      sub:[
         {"size":[subheight1,subwidth1], "itemoff":[subheight1-1,0], "leveloff":[0,0], "style":STYLE1},         {code:"Kapstadt", url:"/specials/specials-kapstadt.php"}
,         {code:"Marathon", url:"/specials/specials-marathon.php"}
,         {code:"Quiz", url:"/specials/specials-quiz.php"}
]}

];

var menu1 = new AdvancedMenu("menu1",MENU_ITEMS1);
menu1.initTop();
menu1.init();
menu1.show();
</script>
        </div>
   <!-- Ende FlexMenue-->
   </td>
   </tr>
   
    <tr>
   <td>
   <!------------------------------------------------------------------------------------------------>
   <!-- Hier beginnt das Hauptfenster-->
   <table border="0" cellpadding="0" cellspacing="0" width="979" height="325" bgcolor="#ffffff">
   <tr>
   <td width="150" height="325" bgcolor="#cccccc">
   <!-- Graues Feld zur Linken-->
   <img src="../images/Volkerstart.jpg">
   
   </td>

   <td width="829" height="325" bgcolor="#FFFFFF">
   
<!--PDF..>
   <div style="z-index:2">
   <embed src="cv20050630.pdf"  height="100%" width="829"href="http://www.ruerup.org/ich/cv_20050510.pdf" href="http://www.ruerup.org/ich/cv_20050510.pdf"></embed>
   
      </div>
<!-- Ende PDF-->
   
   </td>
   </tr>
   </table>
   <!------------------------------------------------------------------------------------------------>
   <!-- Hier endet das Hauptfenster-->   
   </td>
   </tr>
      
   <!-- Anfang gelbe Leiste-->
   <tr>
   <td bgcolor="#ff9900" height="20" style="font-family:Tahoma; font-size:10pt; color:white"
    align="right">

      <table align="left">
      <tr>
      <td>
      </a>      </td>
      </tr>
      </table>

   Freitag,  26. August 2005
,    10:10 Uhr     </td>
   </tr>
   <!-- Ende gelbe Leiste-->
   
   <!-- Anfang braune Leiste-->
   <tr>
   <td  bgcolor="#330000" height="40" valign="bottom" style="font-family:Verdana; font-size:8pt;
   color:white" align="center">

   <hr>
      <!-- Anfang Suche-->
      <table align="left" >
      <tr>
      <td>
      <form action="../search/search.php" method="post">
      <input type="text" name="keyword" size="20" maxlength="100">
      <input type="submit" name="submit" value="Search">
      <input type ="hidden" name="action" value ="search">
      </form>
      </td>
      </tr>
      </table>
      <!-- Ende Suche-->

      <!-- Anfang Login-->
      <table align="right" >
      <tr>
      <td>
      <form method="post" action="../login/login.php">
      <input type=text name="username" maxlength="20">
      <input name="password" type=password maxlength="20">
      <INPUT TYPE="submit" VALUE="Login">
      </form>
      </td>
      </tr>
      </table>
      <!-- Ende Login-->

   </td>
   </tr>

   <tr>
   <td   bgcolor="#330000" height="40" valign="bottom" style="font-family:Verdana;
   font-size:8pt; color:white" align="center">
    <a href="http://www.spiegel.de/">Der Spiegel</a>  |   <a href="http://www.faz.de/">FAZ</a>  |   <a href="http://www.kicker.de/">Kicker</a>  |   <a href="http://www.sport1.de/">Sport1</a>  |   <a href="http://www.google.de/">Google</a>  |   <a href="http://www.yahoo.de/">Yahoo</a>  |   <a href="http://www.comunio.de/">Comunio</a>  |   <a href="http://www.kicktipp.de/futbolistas">Kicktipp</a>  |   <a href="http://www.integra-ev.de/">INTEGRA e.V.</a>  |   <a href="http://www.uni-mannheim.de/">Uni Mannheim</a>  |   <a href="http://webhosting.lycos.de/">Lycos Webhosting</a>  |   <a href="http://www.ebay.de/">ebay</a>  |   <a href="http://www.openbc.com/">OpenBC</a>  |   <a href="http://www.leo.org/">LEO</a>   <br>
   <hr >
    <!-- Ende braune Leiste-->
         
<!-- Das Ende aller Programmierung-->
   </td>
   </tr>
   </table>

</td>
</tr>
</table>

</body>
</html>
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Ein Verwirrter
Gast





BeitragVerfasst am: 26.08.2005 09:39:51    Titel: Antworten mit Zitat

Z-Index hat folgendes geschrieben:
Versuchs mal mit style="z-index:zahl"

Je kleiner die Zahl, desto weiter vorne.



Wie vorher geschrieben, verhält es sich genau umgekehrt. Je größer die Zahl, desto weiter im Vordergrund. Große z-Indizes überlagern kleine, daher ist das pdf auch vor dem Menü.
Nach oben
Caipurinho



Anmeldungsdatum: 24.08.2005
Beiträge: 4

BeitragVerfasst am: 26.08.2005 10:48:19    Titel: Antworten mit Zitat

Ein Verwirrter hat folgendes geschrieben:
Z-Index hat folgendes geschrieben:
Versuchs mal mit style="z-index:zahl"

Je kleiner die Zahl, desto weiter vorne.



Wie vorher geschrieben, verhält es sich genau umgekehrt. Je größer die Zahl, desto weiter im Vordergrund. Große z-Indizes überlagern kleine, daher ist das pdf auch vor dem Menü.


Oh ja, Du hast recht! Das habe ich sofort geändert, allerdings bringt dies auch keinen Unterschied. Und auch die absolute Positionierung macht nichts aus...

Bin über jeden Rat dankbar!

Grüße
Volker
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
gflaig
Forumsteilnehmer


Anmeldungsdatum: 23.08.2005
Beiträge: 6
Wohnort: Nähe Stuttgart

BeitragVerfasst am: 26.08.2005 19:50:49    Titel: Natärlich grösser = vorne - sorry fär den Unsinn Antworten mit Zitat

Sorry, dass ich das falsch rum geschrieben hab, dabei hab ich es sogar noch extra in selfhtml nachgelesen.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen AIM-Name Yahoo Messenger MSN Messenger
gflaig
Forumsteilnehmer


Anmeldungsdatum: 23.08.2005
Beiträge: 6
Wohnort: Nähe Stuttgart

BeitragVerfasst am: 26.08.2005 20:17:58    Titel: Antworten mit Zitat

Hinweis in http://plugindoc.mozdev.org/faqs/acroread.html

Zitat:
Embedded PDF files do not display when using Adobe Reader 7.0
- bezüglich FF + Mozilla.

zZt isses grade so.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen AIM-Name Yahoo Messenger MSN Messenger
Caipurinho



Anmeldungsdatum: 24.08.2005
Beiträge: 4

BeitragVerfasst am: 27.08.2005 15:29:21    Titel: Antworten mit Zitat

Vielen Dank Euch allen. Ich denke, ich setze den Anfang des PDF-Dokumentes einfach ein bisschen tiefer, dann überschneiden sich die beiden tags erst gar nicht. Nicht sehr elegant, aber wirksam!

Nochmals besten Dank!

Grüße
Volker
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   HTML
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.