Hi there all,
I am loving edge animate! i have made all sorts of web banners and slideshows!! This is my problem, I have a project i would like to add to a 2 column layout in the right colum but eveytime i insert the project where i believe it should go it appears on the otherside of my screen not in the area i placed it or the containing div..
Can somebody please help me.. This is my 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=utf-8" />
<!--Adobe Edge Runtime-->
<script type="text/javascript" charset="utf-8" src="publish/web/seal slider_edge.js"></script>
<script type="text/javascript" charset="utf-8" src="publish/web/seal slider_edgeActions.js"></script>
<script type="text/javascript" charset="utf-8" src="publish/web/seal slider_edgePreload.js"></script>
<style>
.edgeLoad-EDGE-90061968 { visibility:hidden; }
</style>
<title>Seal Snorkeling</title>
<style type="text/css">
<!--
body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background-color: #42413C;
margin: 0;
padding: 0;
color: #000;
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl {
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0;
padding-right: 15px;
padding-left: 15px;
}
a img {
border: none;
}
a:link {
color: #42413C;
text-decoration: underline;
}
a:visited {
color: #6E6C64;
text-decoration: underline;
}
a:hover, a:active, a:focus {
text-decoration: none;
}
.container {
width: 960px;
background-color: #FFF;
margin: 0 auto;
}
.header {
background-color: #ADB96E;
}
.sidebar1 {
float: left;
width: 480px;
background-color: #fff;
padding-bottom: 10px;
}
.content {
Float: right;
width: 480px;
background-color: #fff;
padding: 10px 0;
padding-bottom: 10px;
}
.stage {
Float: right;
width: 480px;
background-color: #fff;
padding: 10px 0;
padding-bottom: 10px;
}
.content ul, .content ol {
padding: 0 15px 15px 40px;
}
.footer {
padding: 10px 0;
background-color: #CCC49F;
position: relative;
clear: both;
}
.fltrt {
float: right;
margin-left: 8px;
}
.fltlft {
float: left;
margin-right: 8px;
}
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
-->
</style></head>
<body>
<div class="container">
<div class="header">
<div style="width: 100%">
<video controls="width: 987px">
<source src="seal.mov" type="video/mov" />
<source src="seal.mp4" type="video/mp4" />
</video>
</div></div>
<div class="sidebar1">
<img src="logo.jpg" width="470" height="216" align: "right"alt="logo" longdesc="logo.jpg" />
<p><strong>Seal Snorkeling </strong> in Cape Town is the ultimate wildlife experience for the adventurous. Plunge into the cool Atlantic ocean and swim with hundreds of playful Cape Fur Seals. Interact with them in their environment and on their terms. This half day excursion is for everyone and will be the highlight of your holiday.</p>
<p><strong>Meeting Times </strong> <br>9am - November to February.</br><br>10am - September to Ovtober $ March to April.</br><br>Please confirm when booking.</br><br>There are afternoon options if the morning is fully booked.</p>
<p><strong>Meeting Location </strong> <br>We meet inside Hout Bay Harbout, outside the NSRI building.</br> See directions below</p>
<p><strong>Trip Duration</strong> <br>3 hours. This includes kitting up, briefing and traveling to and from the island. On average, visitors spend an hour in the water.</p>
<p><strong>What is provided?</strong> <br>We provide all equipment, a marine guide, boat ride, educational briefing, water, biscuits, hot chocolate and even a hot water shower to warm you up!</p>
<img src="divers.jpg" width="470" height="530" align: "right"alt="logo" longdesc="logo.jpg" />
<div id="content">
</div>
</div>
<div class="content" id="test"><div id="stage" class="EDGE-6752322">
</div></div>
<div class="footer">
<p></p>
</div>
</div>
</body>
</html>
If anyone has some advice i would be very grateful, Thanks in advance!!
Nick