PDA

View Full Version : Replacing image with Flash


Tripyrenees
11-19-2010, 01:30 PM
Hi
I am new to HTML but I manage my own website and I have been trying to replace my header image (index.png) with a flash file (Test.swf). I am able to replace the image for the flash but when I do so my menu and logo are displaced (they do not sit as they do over the image). I have tried everything (for weeks now) but just cannot seem to get it right.

Is this a simple mistake or can it not be done.

Thanks
Ian

The swf file is here - http://www.pyreneesmultisport.com/Test.swf

And this is the header code;

<div class="outerContainer">

<div class="headContainer" style="background:url(ims/angled_info.png) no-repeat bottom left;">

<!-- -->
<div class="headImageContainer"><div class="headImage" style="background:url(ims/index.png) top left;"></div></div>
<div class="logoContainer"><div class="logoImage"></div></div>
<!-- SUB BARS : Start -->
<div class="subContainer">
<!-- ABOUT US : BAR : Start -->
<div class="subBar" id="aboutSub"><div class="subBarInner">

<div class="subNav" id="accomodation">
<div class="sTitle">&raquo; <a href="./accomodation.html">Accommodation</a></div>
<div class="sDesc">The 19th century farmhouse comfortable base camp.</div>
</div>

<div class="subNav" id="bike Rental">
<div class="sTitle">&raquo; <a href="./facilities.html">Bike Rental</a></div>
<div class="sDesc">Information on Bikes & Prices.</div>
</div>

<div class="subNav" id="contactus">
<div class="sTitle">&raquo; <a href="./contact-us.html">Contact Us</a></div>
<div class="sDesc">How to contact us and how to travel to Luscan.</div>
</div>

<div class="subNav" id="bookwithus">
<div class="sTitle">&raquo; <a href="./book-with-us.html">Book with Us</a></div>
<div class="sDesc">Make a booking now by phone or email.</div>
</div>

<div class="subNav" id="media">
<div class="sTitle">&raquo; <a href="./media.html">Media</a></div>
<div class="sDesc">Pyrénées multisport features in the media.</div>
</div>

<div class="subNav" id="guestbook">
<div class="sTitle">&raquo; <a href="./guestbook.html">Guestbook</a></div>
<div class="sDesc">Read some of our guests feedback.</div>
</div>

</div></div>
<!-- ABOUT US : BAR : End -->

<!-- CYCLING : BAR : Start -->
<div class="subBar" id="cyclingSub"><div class="subBarInner">

<div class="subNav" id="selfguided">
<div class="sTitle">&raquo; <a href="./self-guided-cycling.html">Self Guided</a></div>
<div class="sDesc">Self guided options.</div>
</div>

<div class="subNav" id="bikecamp">
<div class="sTitle">&raquo; <a href="early-season-bike.html">Early Season Bike Camp</a></div>
<div class="sDesc">Great early season conditioner.</div>
</div>

<div class="subNav" id="centrebased">
<div class="sTitle">&raquo; <a href="guided-cycling.html">Centre Based Cycling Tours</a></div>
<div class="sDesc">A nice gentle tour of the Pyrenees.</div>
</div>

<div class="subNav" id="classicclimbs">
<div class="sTitle">&raquo; <a href="classic-tour-climbs.html">Classic Tour Climbs</a></div>
<div class="sDesc">Cycle the climbs ridden by the legends.</div>
</div>

<div class="subNav" id="tourpyrenees">
<div class="sTitle">&raquo; <a href="tour-pyrenees.html">Tour des Pyrenees</a></div>
<div class="sDesc">Multi Stage tour of the Pyrenees.</div>
</div>

<div class="subNav" id="traverse">
<div class="sTitle">&raquo; <a href="./pyrenean-traverse.html">Pyrenean Traverse</a></div>
<div class="sDesc">Join us on our version of the RAID Pyrénées.</div>
</div>

<div class="subNav" id="raid">
<div class="sTitle">&raquo; <a href="./raid-pyrenean.html">RAID Pyrenean</a></div>
<div class="sDesc">Probably the best known and most popular raid in Europe.</div>
</div>

</div></div>
<!-- CYCLING : BAR : End -->


<!-- TRIATHLON : BAR : Start -->
<div class="subBar" id="triathlonSub"><div class="subBarInner">

<div class="subNav" id="ironcamp">
<div class="sTitle">&raquo; <a href="./iron-camp.html">Iron Camp</a></div>
<div class="sDesc">Multi base training camp for ironman athletes.</div>
</div>

<div class="subNav" id="tricamp">
<div class="sTitle">&raquo; <a href="./triathlon-camp.html">Tri Camp</a></div>
<div class="sDesc">Triathlon camps for all abilities with a focus on fun!</div>
</div>

<div class="subNav" id="earlytri">
<div class="sTitle">&raquo; <a href="./early-season-triathlon-camp.html">Early Season Camp</a></div>
<div class="sDesc">Want to get a head start for the coming season?</div>
</div>


</div></div>
<!-- TRIATHLON : BAR : End -->


<!-- WALK SKI : BAR : Start -->
<div class="subBar" id="walkSub"><div class="subBarInner">

<div class="subNav" id="ironcamp">
<div class="sTitle">&raquo; <a href="./ski.html">Skiing</a></div>
<div class="sDesc">Skiing holidays in the Pyrénées.</div>
</div>

<div class="subNav" id="tricamp">
<div class="sTitle">&raquo; <a href="./walk.html">Walking</a></div>
<div class="sDesc">Walking holidays in the Pyrénées.</div>
</div>

</div></div>
<!-- WALK SKI : BAR : End -->

</div>
<!-- SUB BARS : End -->



<!-- NAVIGATION BAR : Start -->
<div class="navContainer"><div class="navBar" id="nav">
<div class="primNav" id="home"><a href="./">Home</a></div>
<div class="primNav" id="about"><a href="./about-us.html">About Us</a></div>
<div class="primNav" id="cycling"><a href="./cycling.html">Cycling</a></div>
<div class="primNav" id="triathlon"><a href="./triathlon.html">Triathlon</a></div>
<div class="primNav" id="teams"><a href="./teams-and-clubs.html">Teams &amp; Clubs</a></div>
<div class="primNav" id="walk"><a href="./walk-and-ski.html">Walk &amp; Ski</a></div>
</div></div>
<!-- NAVIGATION BAR : End -->