pascal: link umfließt objekt

SELF-Forum

link umfließt objekt

pascal
– Informationen zu den Bewertungsregeln

moin,

ich habe da ein kleines problem, wo ich nicht mal genau weiß wonach ich suchen soll...

ich will ein layer erzeugen (div), das alles andere überlagert ( http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position@title=http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position ) das ist auch erstmal kein problem. dieses div ist mit einem link versehen, welches das ganze div wieder schließt, via display:none.
dieses layer fungiert als hintergrund.
das funktioniert auch soweit.

nun mein problem: sobald ich ein objekt als vordergrund anlege, z.b. ein mov,  wird dieses auch verlinkt! sprich: sobald ich in dem movie auf z.b. pause klicke, verschwindet das gesamte div.

wie kann bei einem link eine "ausnahme" angeben?

ein beispiel, nicht wirklich vergleichbar, da es jquery nutzt, aber der effekt ist derselbe:
http://www.balupton.com/sandbox/jquery_lightbox/
das bild verlinkt weiter, die schwarze fläche führt zurück auf die ausgangsseite.

merci pascal

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. link umfließt objekt

    molily Homepage des Autors
    – Informationen zu den Bewertungsregeln

    sobald ich ein objekt als vordergrund anlege, z.b. ein mov,  wird dieses auch verlinkt! sprich: sobald ich in dem movie auf z.b. pause klicke, verschwindet das gesamte div.

    Hört sich eher nach einem HTML- oder CSS-Problem an. Wenn das Plugin nicht im Link liegt und seine Fläche auch nicht mit der des Links überlappt, kann es nicht sein, dass Klickereignisse beim Plugin den Link erreichen.

    Aber das kann ich nur spekuliere, zeige uns am besten mal eine Beispielseite mit dem relevanten HTML, CSS und JavaScript.

    Mathias

    --
    JavaScript-Erweiterung für das SELFHTML-Forum
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. link umfließt objekt

      pascal
      – Informationen zu den Bewertungsregeln

      Hallo Matthias,

      vielen Dank für deine Hilfe, mein Code sieht in etwa so aus:

        
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">  
<html>  
 <head>  
  <style>  
   .player { display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; background-image: url(site/black-75.png); z-index:1; }  
   .video { display:inline; position:fixed; left:10%; top:10%; width:1024px; height:590px; z-index:1; }  
  </style>  
 </head>  
 <body>  
  <a href="#" onclick="document.getElementById('player-1').style.display='inline'">[ link ]</a>  
  <div id="player-1" class="player" onclick="document.getElementById('player-1').style.display='none'">  
   <div class="video">  
    <embed width=1024 height=590 src="video.mov" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/">  
   </div>  
  </div>  
 </body>  
</html>

      mit dem z-index habe ich schon rumgespielt - leider ohne ergebnis...

      merci pascal

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln