Why blank browser or Live View?

I am creating a home page with an interactive object using JQuery and Dreamweaver. I am following a tutorial and I know that the html code is correct. The problem comes when I add a CSS rule. When I add that rule, I cannot see the page displayed in Live View or my FireFox browser. I don't know how to troubleshoot that so I can determin why the browser is blank.
What do I need to do or what do I need to search to find the answer? Based on the steps in the tutorial, I have done everything. What could be missing from the tutorial?
Thanks.

This is the CSS code: I kept running into this issue after I added the .marquee_caption rule.
@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: 700px;
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    position: absolute;
    left: 0px;
    top: 340px;
.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 a {
    color: #FC0;
.marquee_caption_content a:hover {
    color: #FFF;
.marquee_caption_content .marquee_flag {
    float: left;
    margin-right: 10px;
This is the code for the html file. Everything went well until I added the third css rule for photos shown above:
<!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" />
<title>marquee</title>
<link href="includes/marquee.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div class="marquee_container">
        <div class="marquee_photos">
            <img src="images/photos/london.jpg" class="marquee_panel_photo" alt="London" width="700" height="350" />
        </div>
        <div class="marquee_caption">
            <div class="marquee_caption_content">
                <img src="images/template/flag_england.jpg" class="marquee_flag" alt="English Flag" width="20" height="13" />
                <h2>London</h2>
                <p>This is a test caption<br/>This is a test caption!</p>
                <p><a href="#">Check it 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>
</html>

Similar Messages

Blank browser page when viewing html/swf exported from Indesign

We've created a 'flip book' in Indesign and exported it as a swf and html docs. These docs both view correctly locally, but when uploaded into the same directory on our server and viewed via safari or chrome, they both appear as blank browser pages.
html page is here: http://www.thinktankcd.com/SmartsquareBrochure_030215_test.html
Any idea what we've done wrong?
Indesign CC 2014 OSX10.9.2

Thanks Sumit, but ID didn't create any other resources to go along with the swf and html files. Besides, it doesn't need to; there are no other resources but it still works locally. The swf is a stand alone file, the html just gives access to that file when accessed via a browser.

Unable to preview page in browser or live view

have set up a few css div tags for my layout. but when i go
to preview, or with live view, i see the same thing:
content for id "headerLogo" goes here
content for id "header" goes here
content for id "sidebar" goes here
etc...
what's going on? thanks.

> what's going on? thanks.
Uhhh - hard to say without seeing the page.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"karen barry" <[email protected]> wrote in
message
news:gp46tc$16p$[email protected]..
> have set up a few css div tags for my layout. but when i
go to preview, or
> with
> live view, i see the same thing:
> content for id "headerLogo" goes here
> content for id "header" goes here
> content for id "sidebar" goes here
> etc...
> what's going on? thanks.
>

Blank Page in Live view

I have a static site with 5 Pages all have worked fine up to now and all displayed correctly but I have added some new text to one page and when I try to preview it or look at it on Internet Explorer (uploaded to web already) the basic content is missing, my background colour and navigation bar is still there but the main title and content are missing?
Not changed any coding just added text and all other pages fine on site, anybody got any ideas? The content still shows in design view.

Sorry peeps I had added the content to a table which had expanded beyond the page margins, when I resized the table within the page margins it has appeared in live view again, thought I would update the thread incase it happens to others too, although I suspect nobody is as stupid as me ha ha

Div shifting down page in live view

I'm trying to create a website for a project I'm doing.I'm having a problem in live view where I the div with the id "imageholder" keeps shifting down the page. It looks fine in the editor but the browser and live view not so much. I want it to line up with the top div, not the bottom one.
Another problem I'm having is that I can't adjust the footers margin very well. it's not taking into account the div's directly above it. I've included a screenshot of the page as it hasn't been uploaded online yet. Thanks
Here is the code:
HTML:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Home</title>
<link href="CSS/Project.css" rel="stylesheet" type="text/css">
<style type="text/css">
body {
background-color: #E0EEEE;
</style>
</head>
<body>
<div id="container">
<header>
<h1 id="title">Limerick Running Club</h1>
<h2 class="subhead"><strong>L.R.C</strong></h2>
</header>
<br/>
<nav>
<nav id="nav_centre">
<ul>
<li><a href="#">Home</a></li>
<li></li>
<li><a href="#">History</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Results</a></li>
<li><a href="#">Useful Links</a></li>
<li><a href="#">Contact Us</a></li>
</ul><br/>
</nav>
</nav>
<section>
<h2 >History</h2>
<article></article>
<article class="mainpara">
<p>The limerick running club was founded in 2008. We are a community funded club with the sole aim of helping to make our community fitter and happier. Our main office is based in castletroy and you are welcome to drop in anytime and join up. </p>
<p>Since the LRC was founded we have had a number of members who have shared with us their feeling about joining the club. </p>
<p>You can read more about what their saying below</p>
</article>
<article id="testimonial"><h3>Member Testimonials</h3><h3 class="Name">John Byrne</h3>
<p>Since joining the LRC my health and fitness has improved greatly. I recommended the club to everyone.</p>
<h3 class="Name">Mary Smith</h3>
<p>I'm delighted I joined the LRC. I feel much fitter and healthier since joining and there is a great sense of community surrounding the club.</p>
<h3 class="Name">Tom Ryan</h3>
<p>Really enjoying my runs with the lRC. I'd recommend joining to anyone.</p>
</article>
</section>
<div id="imageholder"><img src="Images/edited.jpg" width="355" height="266" alt=""/></div>
<footer><span id="copyright">©2015 Limerick Running Club</span></footer>
</div>
</body>
</html>
CSS:
@charset "utf-8";
html{
background-color:#E0EEEE;
header{
width:100%;
nav {
width 100%;
height 55px;
#nav_centre {
text-align: center;
width: 1080px;
margin-right: auto;
margin-left: auto;
border-color: #4683ea;
border-style: solid;
border-radius: 12px;
padding-bottom: 15px;
padding-top: 0px;
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
font-size: small;
background-color:#4683ea;
nav ul{
list-style:none;
nav a{
display:inline;
float:left;
text-decoration:none;
font-weight:bold;
padding-top: 5px;
padding-bottom:5px;
padding-right: 45px;
padding-left: 45px;
height: 20px;
color:#CCC;
header {
text-align: center;
#container {
width: 1080px;
margin-left: auto;
margin-right: auto;
footer {
margin-top: 600px;
text-align: center;
height: 50px;
clear: both;
padding-top: 25px;
#copyright{
color:#a6a6a6;
article {
margin-top: 20px;
width: 650px;
margin-left: 5px;
margin-right: 0px;
#imageholder {
width: 360px;
float: right;
clear: none;
margin-top: 20px;
margin-right: 5px;
padding-right: 5px;
.mainpara {
float: left;
border-color: #4683ea;
border-style: solid;
border-radius: 12px;
padding-left: 5px;
background-color: #F0F0F0;
font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
width: 600px;
section {
margin-top: 75px;
left: 5px;
h1{
color:#4683ea;
#title{
font-weight: bold;
font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
color:#FFA500;
.subhead{
font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
h2{
letter-spacing: 2px;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
#testimonial {
float: left;
border-color: #4683ea;
border-style: solid;
border-radius: 12px;
padding-left: 5px;
background-color: #F0F0F0;
font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
padding-right: 5px;
width: 600px;
clear: both;
.Name {
color:#FFA500;

Try this -
<article class="mainpara">
<div id="imageholder"><img src="Images/edited.jpg" width="355" height="266" alt=""/></div>
<p>The limerick running club was founded in 2008. We are a community funded club with the sole aim of helping to make our community fitter and happier. Our main office is based in castletroy and you are welcome to drop in anytime and join up. </p>
<p>Since the LRC was founded we have had a number of members who have shared with us their feeling about joining the club. </p>
<p>You can read more about what their saying below</p>
</article>
Move the imageholder div so that it is the first child of the "mainpara" article.
Also, you probably want "...what they're saying below" in that last paragraph above. Finally, why do you have a nested <nav> tag in your code?

CS4 Live View Won't Display External CSS

I have a simple .html file - all located on my local machine
with an external .css file located in the same folder as the .html
file. Everything displays fine in a browser. Live View won't
display items in my external css file. It displays items in the
inline file fine. If I move items from the external to the inline
file they will appear. Links are relative to the Document in the
site setup. No default images folder defined (images are in a
folder called "images").
I know it's something simple and dunderheaded. Just getting
back into html after a little hiatus. Any help greatly
appreciated.

> If this is a static site, ignore the Live View button.
> Test it in browsers using F12.
Live view will work fine in a static site, though.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Alan" <[email protected]> wrote in
message
news:C5713A99.31982A%[email protected]..
> suggestion-
>
> Make every line in the site defintion Correct.
> If not sure what it should be, ask.
>
>
> If you use site root relative paths, enable using temp
files in dw
> preferences->Preview in browser
>
> The link to the external css file is a site root
relative path.
> Change it to a document relative path
>
> There is a pulldown at the bottom of the "browse to
file" dialog box to
> choose linking method.
>
> --
> Alan
> Adobe Community Expert, dreamweaver
>
>
http://www.adobe.com/communities/experts/
>
>
>

6D Live view sensor issue?

Taking pictures in Live view mode makes a blue/green line in the bottom of my pictures, just one or two pixels high. Some of the raw converters remove this line automatically. Darktable didn't until I noticed them. Luminance HDR doesn't remove the line. RawTherapee shows the line in preview mode before the whole image is loaded. Shotwell Photo Viewer shows the blue/green line.
I suppose all the software that I have used use dcraw, so it may be in dcraw the issue is and not in my 6D. But why then only in Live view mode?
You will be able to download the raw file in about 4 minutes from now at http://kameratrollet.se/allt/IMG_9515.CR2
Please check if the line is visible in your raw converter.
In Digital Photo Professional I can't see any line, but the height of the picture is 3647 px. In Luminance HDR I get the height of 3670 px. If I shoot an image normally not using Live view, I get the same height.
My Swedish blog
X100, 7D, 6D, 17-40/4L, 70-200/2,8L IS II, 17-55/2.8 IS, 24-105/4L, 85/1,8, 50/1,4, 24/1,4L II, Helios 58/2
Darktable, RawTherapee, Photomatix, Luminance HDR, GIMP 2.9.1.

It appears to me that some of the software you are using is adding a couple rows of pixels to the bottom of each image for some reason. Easy enough to fix, but sort of a nuisance.
Do you see the same thing happen in Canon's own softwares? Have you checked for updates and/or glitch reports for the software you are using?
Alan Myers
San Jose, Calif., USA
"Walk softly and carry a big lens."
GEAR: 5DII, 7D(x2), 50D(x3), some other cameras, various lenses & accessories
FLICKR & PRINTROOM

Why is Image in design view but not in browser?

Why when I insert an image from root folder it shows in design but not in live view or browser? I have opened a new blank html page and still no image will show up.

Do you have an editable region in your main Template head tags?
Just so you know. Making a template out of an HTML document is just about the last step in your design process.
First build your prototype.html page so that everything performs well in all browsers. When you're completely satisfied with how it looks, then Save As Template.dwt.
Add editable regions for content that will change from page to page.
Spawn New page from template and save as index.html for your home page. Repeat for other site pages.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

When using Live View, site looks great, browser testing goes crazy

I am creating a new website (and I am really unexperienced with Dreamwaver CS5). But when I check my site using "Live View" everything looks great, the way it is supposed to. Then when I go to test it in my browswer (Primary browser is Chrome) it goes crazy: I at first noticed that I had saved one copy as an .asp but then resaved it to .xhtml I did delete the first line of code already that the .asp file created as it kept giving me an error on line 1.
Then I tried to do a spry drop-down menu bar, which I have deleted since I thought I was doing something wrong with that and I should just stick to what I half-way know.
If I were to preview the template page it gives me this error:
This page contains the following errors:
error on line 150 at column 76: error parsing attribute name
Below is a rendering of the page up to the first error.
Here is line 150:
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
If I were to test the index.xhtml page in the browser, it ignores most images (all but one), and the first nav-bar (an editable region) appears to the left instead of under the header. The layout is totally ignored and everything is on the left-hand side of the screen instead of in a two column layout.
I am not testing this on a server just off of my computer.
I am assuming that the error has something to do with the .asp file I first did and when I resaved it, since I don't know what I would be looking for, is still in there screwing it up.
Here is the code from the template page:
<!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" />

<title>Midwest Window Brokers | Page</title>



<style type="text/css">

</style>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body onload="MM_preloadImages('/images/home2.jpg')">
<div class="container">
<div class="header"><a href="/index.xhtml"><img src="../images/heading.jpg" alt="Midwest Window Brokers, Windows, Siding, Roofing, 605-791-5352" name="Insert_logo" width="950" height="200" align="right" id="Insert_logo" style="background: #FFFFFF; display:block;" /></a>
    <div id="h-navbar1"><a href="/index.xhtml"><img src="/images/home.jpg" alt="home" width="159" height="51" id="Image1" onmouseover="MM_swapImage('Image1','','/images/home2.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href="/windows.html"><img src="/images/services.jpg" width="151" height="51" alt="services" /></a><a href="/freebay.xhtml"><img src="/images/specials.jpg" width="153" height="51" alt="specials" /></a><a href="/gallery.html"><img src="/images/gallery.jpg" width="152" height="51" alt="gallery" /></a><a href="/roofing.xhtml"><img src="/images/order.jpg" width="152" height="51" alt="order" /></a><img src="/images/blank.jpg" width="75" height="51" /><img src="/images/facebook.jpg" width="38" height="51" alt="facebook" longdesc="http://facebook.com/midwestwindowbrokers" /><img src="/images/twitter.jpg" width="37" height="51" alt="twitter" longdesc="http://twitter.com/midwestwindow" /><img src="/images/google.jpg" width="42" height="51" alt="google+" longdesc="http://https://plus.google.com/u/0/b/108071947231835835141/108071947231835835141/posts" /></div>
</div>

<div id="h-navbar">
    <div id="h-navbar2">  Content for id "h-navbar2" Goes Here</div>
</div>

<div class="sidebar1">
    <ul class="nav">
    </ul>
    <p> <div id="wufoo-z7x3k1">
Fill out my <a href="http://midwestwindow.wufoo.com/forms/z7x3k1">online form</a>.
</div>
<script type="text/javascript">var z7x3k1;(function(d, t) {
var s = d.createElement(t), options = {
'userName':'midwestwindow',
'formHash':'z7x3k1',
'autoResize':true,
'height':'601',
'async':true,
'header':'show'};
s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'wufoo.com/scripts/embed/form.js';
s.onload = s.onreadystatechange = function() {
var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return;
try { z7x3k1 = new WufooForm();z7x3k1.initialize(options);z7x3k1.display(); } catch (e) {}};
var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);
})(document, 'script');</script></p>
    </div>

<div class="content">
    <h1>Instructions</h1>
    <p>Be aware that the CSS for these layouts is heavily commented. If you do most of your work in Design view, have a peek at the code to get tips on working with the CSS for the fixed layouts. You can remove these comments before you launch your site. To learn more about the techniques used in these CSS Layouts, read this article at Adobe's Developer Center - <a href="http://www.adobe.com/go/adc_css_layouts">http://www.adobe.com/go/adc_css_layouts</a>.</p>
    <h2>Clearing Method</h2>
    <p>Because all the columns are floated, this layout uses a clear:both declaration in the .footer rule. This clearing technique forces the .container to understand where the columns end in order to show any borders or background colors you place on the .container. If your design requires you to remove the .footer from the .container, you'll need to use a different clearing method. The most reliable will be to add a <br class="clearfloat" /> or <div class="clearfloat"></div> after your final floated column (but before the .container closes). This will have the same clearing effect.</p>
    <h3>Logo Replacement</h3>
    <p>An image placeholder was used in this layout in the .header where you'll likely want to place a logo. It is recommended that you remove the placeholder and replace it with your own linked logo. </p>
    <p><span style="font-size: 18px; color: #C00; font-weight: bold; font-style: italic;">Logo Replacement</span></p>
    <p> Be aware that if you use the Property inspector to navigate to your logo image using the SRC field (instead of removing and replacing the placeholder), you should remove the inline background and display properties. These inline styles are only used to make the logo placeholder show up in browsers for demonstration purposes. </p>
    <p>To remove the inline styles, make sure your CSS Styles panel is set to Current. Select the image, and in the Properties pane of the CSS Styles panel, right click and delete the display and background properties. (Of course, you can always go directly into the code and delete the inline styles from the image or placeholder there.)</p>
    <h4>Backgrounds</h4>
    <p>By nature, the background color on any div will only show for the length of the content. This means if you're using a background color or border to create the look of a side column, it won't extend all the way to the footer but will stop when the content ends. If the .content div will always contain more content, you can place a border on the .content div to divide it from the column.</p>
    
</div>

<div class="footer">
    <p class="footer"><strong>  <em>References Available!</em> We accept cash, check, Visa, Discover, MasterCard</strong></p>
      Copyright 2012 Midwest Window Brokers Inc. All Rights Reserved.
    </div>
</div>
</body>
</html>

I had saved one copy as an .asp but then resaved it to .xhtml
I'm assuming this is a static web site. Rename (F2) all your pages with .html or .htm extension.
.xhtml is not a valid extension.
Nancy O.

Any ideas about why Wordpress is not opening in Live View?

This is Brian Wood's instruction about completing the Word Press installation process...
A last part of the install process is to run the WordPress install script. This will complete the WordPress setup by connecting WordPress with the database you created.
With the WordPress files copied to the correct location in the htdocs folder, the web server installed, and a database created, open a browser and browse to http://localhost/wp-admin/install.php.
A screen telling you to create a configuration file will appear. Click the Create a Configuration File button.
Click the Let’s Go button to go to a page that allows you to enter your database information.
Type your database name, wordpress.
Type your MySQL user name and password (usually the user name and password are both admin, unless you changed them in the database).
For the Database Host type localhost.
Click Submit (see Figure 4).
After all of this I am getting nothing. The MAMP server is running. My database is setup. The WordPress files are located in the correct location, yet when I attempt Live View I get nothing but a blank screen.
Can anyone offer help with this problem?
Thank you,
GWalton55

It looks like the Book of Sark gallery has photos in a bin folder. Some servers don't like that, but it could be a clue for the ISP.

Why Does Live View In DW Not Work With BC Template?

The live view using a BC template in DW CS6 shows "PAGE NOT FOUND" in the body section but the header and footer look fine. I should also point out that the index.htm page works fine, it's just the other pages that have this problem. What makes it weirder is that the site works fine in all other modes including when viewing in a normal browser, it's ONLY when in live view! I also noticed that if I delete the .htm extension in the url in the DW browser when in Live View it fixes the problem, but this requires me to do this everytime I want to switch to live view and surely is either a problem with how the BC template files are named or DW CS6 is buggy? Hopefully this is an easy one to answer??

Hi Alex,
Thanks for your reply, I have done a video demo at http://screencast.com/t/RsutrvoFn0xZ
Date: Thu, 14 Feb 2013 05:49:55 -0800
From: [email protected]
To: [email protected]
Subject: Why Does Live View In DW Not Work With BC Template?
    Re: Why Does Live View In DW Not Work With BC Template?
    created by Alex Pavelescu in Dreamweaver & Business Catalyst - View the full discussion
Hi, Please provide the site url, and if you can, a video demo of the issue you're facing, using http://www.techsmith.com/jing.html, where you could also display the way you have your side setup ( Dreamweaver menu > Site > Site manager > http://screencast.com/t/GqqBk9MY4ck ) Kind Regards,Alex
     Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/5072585#5072585
     Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/5072585#5072585
     To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/5072585#5072585. In the Actions box on the right, click the Stop Email Notifications link.
     Start a new discussion in Dreamweaver & Business Catalyst by email or at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

Dynamic images show in "Live View", however not in browser

I'm doing the CS5.5 Missing Manual Dynamic Website tutorial and have had no issues until I want to display an image for the online store. When I click on Live View, everything looks great. However when I want to preview in a browser, I only see the alt text with no image showing. What on earth could be going on? Any help would be greatly appreciated.
Here is the code (image code is in bold)
<?php require_once('Connections/dbCosmos.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
if (PHP_VERSION < 6) {
    $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
$theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
switch ($theType) {
    case "text":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "long":
    case "int":
      $theValue = ($theValue != "") ? intval($theValue) : "NULL";
      break;
    case "double":
      $theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
      break;
    case "date":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "defined":
      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
      break;
return $theValue;
$varProduct_rsDetails = "1";
if (isset($_GET["productID"])) {
$varProduct_rsDetails = $_GET["productID"];
mysql_select_db($database_dbCosmos, $dbCosmos);
$query_rsDetails = sprintf("SELECT products.productID, products.productName, products.price, products.`description`, products.inventory, products.image, vendors.vendorName FROM products, vendors WHERE products.vendorID=vendors.vendorID AND products.productID=%s", GetSQLValueString($varProduct_rsDetails, "int"));
$rsDetails = mysql_query($query_rsDetails, $dbCosmos) or die(mysql_error());
$row_rsDetails = mysql_fetch_assoc($rsDetails);
$totalRows_rsDetails = mysql_num_rows($rsDetails);
?>
<!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" />
<title>The CosmoFarmer Store</title>
<link href="styles/global.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="styles/twoColFixLtHdr.css" rel="stylesheet" type="text/css" />
</head>
<body class="twoColFixLtHdr">
<div id="mainContent">
<p><?php echo $row_rsDetails['productName']; ?></p>
<p>Price: <?php echo $row_rsDetails['price']; ?></p>
<p>Vendor: <?php echo $row_rsDetails['vendorName']; ?></p>
<p>Inventory: <?php echo $row_rsDetails['inventory']; ?></p>
<p><img src="images/large/<?php echo $row_rsDetails['image']; ?>" alt="<?php echo $row_rsDetails['productName']; ?>" class="productImage" /><?php echo $row_rsDetails['description']; ?></p>
</div>

Please read these -
http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_13129&sliceId=2
http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_15546&sliceId=2
so that you understand root relative and document relative
links.
Your root relative links will work if you enable Preview in
Browser > Use
temp files to preview, in your PREFERENCES.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Scylibs1" <[email protected]> wrote in
message
news:fltebc$r12$[email protected]..
> Hello. Can someone explain to me why this is an issue.
>
> When I add an image from Dreamweaver using the INSERT
> IMAGE method, it
> will
> add the path as follow :
>
> /myfolder/myimage.gif
>
> The problem I have is with the first " / ". In my
browser, that will not
> work.
> In other words, the correct path would be
>
> myfolder/myimage.gif
>
> but this path will not display in Dreamweaver... I am
using dreamweaver mx
> 2004 7.0.1
>
> I would like the image to be displayed in both my
browser and dreamweaver
> design mode.
>
> Thanks.
>

CSS alignment disparities and fix: LIVE View & Browser Lab views

The upper half is LIVE View in DW CSS5.5 while the lower left is IE 9 and the lower right is FF 11 in BrowserLab. Why such a disparity between LIVE View and IE9 and FF11? You may notice that the horizontal navigation bar is only properly aligned in the IE9 view. In fact the IE9 is exactly as I want this dwt file to look like. I am redesigning my current web site and working solely on the dwt file.   These are the dwt and CSS code views. Where do I start to have FF aligned as IE9 and to fix the misleading LIVE view image.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
<meta name="generator" content="HTML Tidy for Linux/x86 (vers 11 February 2007), see www.w3.org" />
<meta name="description" content="Dillmans of Notasulga, Alabama" />
<link rel="shortcut icon" type="image/x-icon" href="http://frankdillman.com/images/favicon/pryapus.ico" />

<link href="../css/frdstyles.css" rel="stylesheet" type="text/css" />


<title>The Dillmans of Notasulga, AL</title>

<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body style="margin: 0; padding: 0">
   <div id="wrap">

<div id="header">
    <img src="../images/forest.gif" alt="forest gif" style="position:absolute; top: 5px; left: 5px" />
    <h1 style="margin-top: 0">Dillmans of Notasulga, AL</h1>
</div>


<div id="navigationbar">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a class="MenuBarItemSubmenu" href="#">us</a>
        <ul>
          <li><a href="#">Frank</a></li>
          <li><a href="#">Dorothea and me</a></li>
          <li><a href="#">Grandkids</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">local interest</a>
        <ul>
          <li><a href="#">Notasulga</a></li>
          <li><a href="#">Macon County</a></li>
        </ul>
      </li>
      <li><a class="MenuBarItemSubmenu" href="#">recreation</a>
        <ul>
          <li><a class="MenuBarItemSubmenu" href="#">stained glass</a>
            <ul>
              <li><a href="#">Item 3.1.1</a></li>
              <li><a href="#">Item 3.1.2</a></li>
            </ul>
          </li>
          <li><a href="#">GPry Dogs</a></li>
          <li><a href="#">Goats</a></li>
          <li><a href="#">Orchids</a></li>
          <li><a href="#">Genealogy</a></li>
          <li><a href="#">Farm </a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">politics</a>
        <ul>
          <li><a href="#">TEA Party Locator</a></li>
          <li><a href="#">Misc. Notes</a></li>
          <li><a href="#">Elections</a></li>
          <li><a href="#">Legislature</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">links</a>
        <ul>
          <li><a href="#">Not Forever Wild</a></li>
          <li><a href="#">Dillman Family Assoc.</a></li>
          <li><a href="#">Military</a></li>
        </ul>
      </li>
    </ul>

</div>

<div id="sidebar">
</div>


<div id="main">
    page body - do not take closing div 
</div>

<div id="footer">
    <table style="width: 100%" summary="footer items">
      <tr>
        
        <td style="width: 75px"> </td>
        <td style="width:150px; text-align: right">
          <div id="update">
            05-Dec-2012 15:03
          </div>
        </td>
        <td style="width:150px; text-align:center">
          <div id="copyright">
            © 2008, 2009, 2010, 2011, 2012
          </div>
        </td>
       
       
        
      </tr>
    </table>
</div>
    </div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
   </script>
</body>
</html>
CSS file:
/*stylesheet.css for my personal pages*/
/* Body text and page background */
body{
     margin:0;
     padding: 0;
     font-family: 'Book Antiqua', Times, Serif;
     font-size: medium;
     color: #000000;
     background-color: #FFFFFF;
#wrap{
    margin: 0 auto;
    width: 860px;
    position: relative;
/*Style for main content */
#main{
    margin-left:14.5em;
    margin-right:0;
    padding: 5px;
    text-align: justify;
    background-color: #B2F63D;
    color: #333333;
/* Page header style 4Dec2012 testing additonal height: auto line of code suggested by http://www.adobe.com/inspire-archive/january2011/articles/article2/index.html?trackingid=I EHCL */
#header{
    top:100px;
    left:0;
    width:100%;
    height: auto;
    height:50px;
    background-color: #BF9230;
    border-bottom: thick solid #000000;
/*horizontal naivagion bar using spry*/
#navigationbar {
/*Style for sidebar column with total width of 10.5em and top:5.25em   UNABLE to GET top to align with body top. Adjusting sidebar top has no effect */
#sidebar {
    position: fixed;
    top: 5.25em;
    left: 4.65em;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    display: inline;
    padding: 2em;
    width: 10.5em;
    background-color: #619A00;
    border-right: thin solid #000000;
.redbold {
    color: #FF0000;
    font-weight: bold;
.quotetext {
    font-style:italic;
.bluebold {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-variant: normal;
    color: #0066CC;
    text-decoration: none;
    text-align: center;
/*Level 1 Headings */
h1{
    font-family: 'Lucida Handwriting', 'Comic Sans MS', TSCu_Comic, cursive;
    font-size: x-large;
    color: #00008b;
    text-align: center;
/*Level 2 Headings */
h2{
     font-family: 'Lucida Handwriting', 'Comic Sans MS', TSCu_Comic, cursive;
    font-size: large;
    color: #00008b;
    text-align: center;
/*Level 2 Headings in red*/
h2_red{
    font-family: 'Lucida Handwriting', 'Comic Sans MS', TSCu_Comic, cursive;
    font-size: large;
    color: #FF0000;
    text-align: center;
    font-weight: bold;
/*Level 3 Headings */
h3{
    font-family: 'Lucida Handwriting', 'Comic Sans MS', TSCu_Comic, cursive;
    font-size: medium;
    color: #00008b;
    text-align: center;
/* Unvisited links */
a:link{
   color: #00bfff; /* sky blue */
   text-decoration: underline;
/* Visited links (no underline) */
a:visited{
color: #ff00ff; /* fuchsia */
text-decoration: none;
/* Hover links (red no underline) */
a:hover{
color: #ff0000; /* red */
text-decoration: none;
/* Active links (green no underline) */
a:active{
color: #00ff00; /* green */
text-decoration: none;
/*Float image to left of paragraph*/
img.floatLeft{
   float: left;
   margin-right: 5px; margin-top: 5px; margin-bottom: 5px;
/* Float image to right of paragraph */
img.floatRight{
float: right;
margin-left: 5px; margin-top: 5px; margin-bottom: 5px:
/* Center image between margins */
div.center{
width: 100%;
text-align: center
/* Page footer style */
#footer{
     clear:both;
     height: 42px;
     width: 100%;
     background-color: #BF9230;
     border-top: thick solid #000000;
/*Page footer and automatic update of date */
#update{
   font-family: 'Times New Roman', Times, serif;
   font-size: x-small;
   color: #000000;
   text-align: left;
   margin-left: 7em;
/*Page footer copyright dates */
#copyright{
   font-family: 'Times New Roman', Times, serif;
   font-size: x-small;
   color: #000000;
   text-align: left;
   margin-left: 3em;
/*Style for tables of thumbnail images: lesson5, chapter2*/
tables.thumbs{
    vertical-align: middle;
    text-align: center;
    border-collapse: collapse;
/*Style for table cells that contain thumbnails*/
td.thumbs{
    border: solid 1px #00bfff;
    padding: 5px;
/*Style for thumbnail images*/
img.thumbs{
    width:100px;
/* determine if in use. If not delete
.legislative {
    color: #800000;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    text-decoration: blink;

I think it's fair to say Spry is not your best option anymore. Spry 1.6 was a pre-release version made in 2006. It neither works well in IE9 nor touch screen devices (iPhone, iPad, etc..) because it predates them.
You could switch to Spry Menu 2.0 from the Widget Exchange (the last version made), but Adobe has abandoned the Spry framework in favor of jQuery:
http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framework-availability.htm l
Other Menus:
     Pop-Menu Magic2 by PVII (DW extension purchase)
    http://www.projectseven.com/products/menusystems/pmm2/index.htm
    jQuery Superfish
    http://users.tpg.com.au/j_birch/plugins/superfish/
    jQuery Mega Menus
    http://www.javascriptkit.com/script/script2/jkmegamenu.shtml
    CSS3 Dropdown Menus
    http://www.red-team-design.com/css3-dropdown-menu
    10 Responsive Menus
    http://speckyboy.com/2012/08/29/10-responsive-navigation-solutions-and-tutorials/
Nancy O.

Problem with Css styles not showing in live view or when i browse

I am using Mac osx 10.6 and building website with Dreamweaver CS5. Sometimes div tags i create not showing styles or rendering in live view or when I browse but showing in design view. I looked in dreamwever faq and they talk about not showing in design view to toggle the display styles. That is not the problem becuase it is check marked and I tried turning off and turning on and made no difference.I am using firefox browser.
It happened before the other day too. But all of my other pages in this site that i have created the same way building with div tags and css styles. So not sure what the problem is. Maybe someone has a suggestion here.
Johanna

<!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" />
<title>Portfolio</title>
<style type="text/css"></style>
<link href="css/jbstyles.css" rel="stylesheet" type="text/css" />
<style type="text/css"></style>
</head>
<body>
<div id="wrapper">
<div id="mainnav">
    <div id="navbar">
      <ul>
        <li><a href="index.html"><br />
        </a></li>
<li>
          <ul>
            <li><a href="index.html">          Home</a><a href="about.html">About</a></li>
            <li><a href="portfolio.html">Portfolio</a><a href="contact.html">Contact</a></li>
          </ul>
        </li>
      </ul>
</div>
    <div id="contentinside">
      <div id="navbar2">
        <ul>
          <li><a href="design.html">Design</a></li>
          <li><a href="multimedia.html">Multimedia</a></li>
          <li><a href="webdesign.html">Web Design</a></li>
        </ul>
      </div>
      <div id="mm1thumb">Content for id "mm1thumb" Goes Here</div>
      <div id="mm2thumb">Content for id "mm2thumb" Goes Here</div>
    </div>
    <img src="images/multimsidebar.gif" width="212" height="615" alt="mmsdbr" longdesc="http://multimsidebar" />
<div id="footer">
    <p> </p>
    <p>Johanna Bresnahan</p>
    <p>Web & Graphic Design - http://www.johannabresnahan.com</p>
    <p> email: [email protected] ....phone....857•991•5717<br />
</p>
</div>
</div>
</div>
</body>
</html>
Here is the html code above. not sure how to attach my file so get a visual. This is the first time I have used this forum.
Johanna

When I type a link to a page in my root directory in code view and I click on the link in live view it does not go to that page. But if I preview in a browser it works fine.

When I type a link to a page in my root directory in code view and I click on the link in live view it does nothing. When I then go to preview in a browser it works fine. Can anybody help?

I am not sure however I suspect live view is for viewing the page you are working on. You would have to open the other page to see it in live view. The browser on the other hand is doing what it is designed to do. I jump back and forth all the time from live view to the browsers I have installed.

Why blank browser or Live View?

Similar Messages

Maybe you are looking for