2011-10-14 4 views
1

J'ai cette structure:flowplayer pas correctement le positionnement

<div slideshow> 
    <div id=prev> 
    <div id=next> 
    <div> 
     <img> 
     <img> 
     <a href="link_to_video"> 
    </div> 
</div> 

Il crée un diaporama avec deux img, une vidéo flowplayer et deux flèches. Tout fonctionne correctement, mais la vidéo apparaît lorsque la flèche précédente est terminée. Je veux dire: http://imageshack.us/photo/my-images/819/sinttuloipc.png/

Le côté gauche de la vidéo devrait commencer à l'endroit où la flèche gauche commence, au lieu de la fin de la flèche. La flèche est flottante: à gauche, j'ai essayé avec z-index plus grand à la flèche et plus bas à la vidéo, en mettant la flèche après la vidéo, et ainsi de suite, mais je n'arrive pas à faire apparaître la vidéo au à gauche de la div principale

Une idée sur la façon de structurer/style l'elemens?

merci d'avance!

Répondre

0
#slideshow {position:relative;} 
#prev {position:absolute; left:0; top:40%;} 
#next {position:absolute; right:0; top:40%;} 

Pouvez-vous essayer?

+0

J'ai essayé avec la position absolue, mais elle le montre de la même manière que maintenant: la vidéo au-dessus des flèches, il est donc impossible de passer à un autre élément de la diapositive. – shirkkan

+0

Est-ce un film flash? Puis voir http://stackoverflow.com/questions/1910738/cannot-put-html-element-on-top-of-flash vous devriez juste ajouter le param à votre film flash, et le bouton devrait être sur le dessus :) –

+0

c'est un film flash, mais je ne le crée pas. Il est créé en exécution à cause du plugin flowplayer, donc je ne peux pas ajouter le param. – shirkkan

Questions connexes