I am having trouble with Live View and viewing in web browser
i following tut on lynda.com making rotating banner using jquery , css, got bit hung html, willing lend helping hand?
my div containers , images show fine in design view, when try preview in safari or live view blank!
i uploaded project http://nelsongifts.com/animated_banner/index.html
here's code using body.
<body>
<div class="marquee_container">
<div class="marquee_photos">
<img src="images/photos/facebook.jpg" class="marquee_panel_photo" alt="facebook" width="625" height="400"/>
</div>
<div class="marquee_caption">
<div class="marquee_caption_content">
<img src="images/template/logo_facebook.png" class="marquee_logo" width="20" height="13"/>
<h2> join on facebook</h2>
<p> test caption <br/> more tests </p>
<p> <a href="#"> check out! </a></p>
</div>
</div>
<div class="marquee_nav">
<a class="marquee_nav_item"></a>
<a class="marquee_nav_item selected"></a>
<a class="marquee_nav_item"></a>
</div>
</div>
<div class="marquee_panels"></div>
</body>
and here's css.
@charset "utf-8";
/* css document */
.marquee_container {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 30px;
margin-left: 0px;
overflow: hidden;
position: relative;
}
.marquee_photos {
position: absolute;
left: 0px;
top: 0px;
}
.marquee_caption {
color: #fff;
background-image: url(../images/template/marquee_caption.png);
background-repeat: no-repeat;
background-position: 0px 0px;
margin: 0px;
width: 625px;
padding-top: 15px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
position: absolute;
left: 0px;
top: 390px;
}
.marquee_caption_content {
width: 410px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 25px;
}
.marquee_caption h2 {
font-size: 1.25em;
font-weight: normal;
text-transform: uppercase;
color: #fff;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 12px;
margin-left: 0px;
}
.marquee_caption_content p {
color: #fff;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 12px;
margin-left: 0px;
}
.marquee_caption_content {
color: #fc0;
}
.marquee_caption_content a:hover {
color: #fff;
}
.marquee_caption_content .marquee_logo {
float: left;
margin-right: 10px;
}
.marquee_nav {
text-align: right;
position: absolute;
width: 240px;
top: 390px;
right: 321px;
}
.marquee_nav {
background-image: url(../images/template/buttons.png);
background-repeat: no-repeat;
background-position: 0px 0px;
display: inline-block;
height: 20px;
width: 20px;
margin-left: 15px;
cursor: pointer;
}
if it's jquery there should jquery library included , javascript script run. don't see javascript on page @ all.
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment