[css] probleem met dropdown menu + flash - Softwareontwikkeling

maandag 18 juni 2007 22:14

Acties:

Topicstarter

Hey medetweakers ik zit met een probleem. Voor school moeten we een website maken voor een camping/bungalow park dit is een fictieve opdracht.

Nu moet de website aan een aantal eisen voldoen. En 1 daarvan is een dropdown menu,
Nu ben ik aardig aan het stoeien geweest alleen krijg ik het niet helemaal voor elkaar.
ik heb inmiddels een dropdown menu alleen. Doet deze niet helemaal wat ik wil.
Hij verdwijnt achter het plaatje(flash movie) en het lukt mij niet om dit op te lossen.

Ook de search gaf geen bevredigend antwoord. veel topics zijn oud en de pagina's zijn dood

Ik hoop dat jullie mij een beetje op weg kunnen helpden

Hieronder het script en een plaatje van de situatie.

plaatje dropdown menu

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Photo Stock</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="nav.css" rel="stylesheet" type="text/css" />
<script src="AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body>
<!--big div start -->
            <div id="bigdiv">
    
            <div id="body">

            <ul>
            <ul id="nav">

            <li><a href="index.html">Home</a></li>  


            <li><a href="content.html">Informatie</a> 
            <ul> 
            <li><a href="#">Informatie</a></li>
            <li><a href="#">Prijzen</a></li>
            <li><a href="#">Contact</a></li>
            <li><a href="#">Routebschrijving</a></li>
            <li><a href="#">Arrangementen</a></li>

            </ul> 
            </li> 

            <li><a href="domein.html">Accomodaties</a> 

            <ul>  
            <li><a href="#">Classic</a></li>
            <li><a href="#">Bosvilla</a></li>
            </ul> 
            </li> 
            
            <li><a href="accomodaties.html">Ontspanning</a> 

            <ul>  
            <li><a href="#">Faciliteiten</a></li>
            <li><a href="#">Restaurant</a></li>
            <li><a href="#">Uitagenda</a></li>
            <li><a href="#">Omgeving</a></li>
            </ul> 
            </li> 

            <li><a href="index.html">Gastenboek</a></li>
            </ul>
            </ul>
            <p>
            <p>
       
         
                    <!--left body start -->
                    <div id="leftBody">
                    <form name="search" method="post" action="">
                    <label>Search :</label>
                    <input type="text" name="textbox" value="" />
                    <input type="button" name="button" class="search" value="" />
                    </form>
                    <h1>
<script type="text/javascript">
AC_FL_RunContent( 
'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','width','243','height','72','src','photo.swf','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','photo','menu','false'); //end AC code
</script>
</h1>
                    

                    <h3>latest updates</h3>
                    <p><span></span> Lorem ipsum dolor sit amet, sed di onsecer adipiscing elit, sed diam nonummy nibh mmodo consequat. sed di onsecer adipiscing elit, sed diam nonummy nibh mmodo consequat.
                    <a href="#">read more...</a>
                    </p>
                    <p><span></span> Lorem ipsum dolor sit amet, sed di onsecer adipiscing elit, sed diam nonummy nibh mmodo consequat. sed di onsecer adipiscing elit, sed diam nonummy nibh mmodo consequat.
                    <a href="#">read more...</a>
                    </p>                    
                    </div>
                    <!--right side start -->
        <div id="rightBody">
            <div id="pic">
            <script type="text/javascript">
AC_FL_RunContent( 
'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','width','500','height','427','src','film.swf','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','photoR','menu','false'); //end AC code
</script><noscript>
            <object type="application/x-shockwave-flash" data="film.swf" width="500" height="427">
            <param name="movie" value="film.swf" />
    </object></noscript>
            <p class="co">Vestibulum iaculis lacinia est. Proin dictum elementum velit. Fusce euismod consequat ante. Porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. Nulla facilisi. Aenean nec eros.
<a href="#">read more...</a>
</p>
            <span class="down"></span>
            
            </div>
            <h2 title="welcome to our company">welcome to our company</h2>  
            <p>Porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. Nulla facilisi. Aenean nec eros. 
</p>
<p>Vestibulum iaculis lacinia est. Proin dictum elementum velit. Fusce euismod consequat ante. Porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. Nulla facilisi. Aenean nec eros. 
Vestibulum iaculis lacinia est. Proin dictum elementum velit. Fusce euismod consequat ante.</p>
<p>Vestibulum iaculis lacinia est. Proin dictum elementum velit. Fusce euismod consequat ante. Porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. Nulla facilisi. Aenean nec eros.
<a href="#">read more...</a>
 </p>
        </div>
        <!--right side end -->
                    <br class="blank" />
                    <!--left body end -->   
                    
    </div>
</div>
<!--big div end -->
<!--footer start -->
        <div id="footer">
            <ul>
            <li><a href="content.html">Informatie</a></li>
            <li><a href="domein.html">Accomodaties</a></li>
            <li><a href="accomodaties.html">Ontspanning</a></li>
            <li><a href="omgeving.html">Gastenboek</a></li>
            <li><a href="contact.html">Contact</a></li>     
            </ul>
            <p>Copyrighted &copy; by 2007 Bungalowpark Hoenderloo.nl </p>
            <p class="copy">All Rights Reserved</p>
        </div>
    <!--footer end -->
</body>
</html>

maandag 18 juni 2007 22:18

Acties:

BlackIce

Naar mijn weten bestaat er (nog) geen oplossing voor dit probleem, de vorige versie van tweakers.net had dit opgelost door het flash-filmpje te verbergen zodra je een drop-down opende.

dinsdag 19 juni 2007 12:49

Acties:

gaddle

Topicstarter

En waar kan ik dat script vinden? Want dan wil ik deze oplossing wel ervoor gebruiken. Het is altijd beter dan hoe het nu is. Alvast bedankt voor je antwoord.

dinsdag 19 juni 2007 12:56

Acties:

marko77

Als je een dropdown menu hebt die absoluut over je pagina heen 'dropped' met een hogere z-index dan andere elementen dan dien je je flash film de wmode 'opaque' of 'transparent' mee te geven.

Elementen met een hogere z-index worden dan 'op' de flash film weergegeven, i.p.v. er achter

Mijn rig

dinsdag 19 juni 2007 16:09

Acties:

gaddle

Topicstarter

Ik heb het geprobeerd de z-index te veranderen en ook om een wmode mee te geven. Maar de tekst blijf t achter het flash filmpje staan.
Ik heb nu echt geen idee wat ik nou fout doe. Het blijft hoe dan ook hetzelfde dan voor dat ik dat alles veranderde.
Nog andere ideeen?

woensdag 20 juni 2007 11:01

Acties:

marko77

heb je geen page + css online staan? zonder de css en bijbehorende bestanden is het lastig om een oplossing te bedenken

Mijn rig

woensdag 20 juni 2007 12:13

Acties:

Puck

W32.Deadcode.A

Vergeet niet aan de elementen met een z-index een position: absolute; mee te geven

Wil wel eens helpen!

[ Voor 14% gewijzigd door Puck op 20-06-2007 12:20 . Reden: absolute ipv relative natuurlijk ]

Arrived anxious, left bored