Live View: Augmented Reality browser

 There is a new application available over on beta labs. It's basically the same as Layar except it's faster, simpler and less cluttered.
   http://betalabs.nokia.com/apps/nokia-live-view
Cheers.
Ray 

rayhipkiss wrote:
 There is a new application available over on beta labs. It's basically the same as Layar except it's faster, simpler and less cluttered.
There is cautionary note currently if Nokia Maps v3.08Beta also installed.
Happy to have helped forum with a Support Ratio = 42.5

Similar Messages

  • 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.

  • DW CS5 - PHP in HTML file - no display in DW live view

    Have DW CS5, Local IIS 7 (Win 7 64x) testing server (Server Model: PHP MySQL) set up and working. External browsers render .html files with PHP fine (URL=http://localhost/testphp.html), DW Live View will not parse/display the PHP with ".html" extension. No ".htaccess" file, DW PHP Tag Library has all PHP "Used In:" boxes checked. Example:
    Example 1
    File name: testphp.php
    <html>
    <body>
    <h1>Hello There</h1>
    <script language="php">
    echo "Hello World";
    </script>
    </body>
    </html>
    DW Live View and external browser URL: http://localhost/testphp.php:
    Hello There
    Hello World
    Example 2
    File name: testphp.html (same content as above, just filename extension changed)
    <html>
    <body>
    <h1>Hello There</h1>
    <script language="php">
    echo "Hello World";
    </script>
    </body>
    </html>
    DW Live View:
    Hello There
    external browser URL: http://localhost/testphp.html:
    Hello There
    Hello World
    How to configure DW CS5 to display PHP in DW Live View with file extension= ".html"?
    Thanks in advance, have spent 2 days trying to accomplish!
    Steve

    File name: testphp.php 
    <html>
    <body>
    <h1>Hello There</h1>
    <script language="php">
    echo "Hello World";
    </script>
    </body>
    </html>
    This is not PHP code
    The red code part should read as to be classified as PHP script
    <?php echo "Hello World"; ?>
    File name: testphp.html (same content as above, just filename extension changed) 
    <html>
    <body>
    <h1>Hello There</h1>
    <script language="php">
    echo "Hello World";
    </script>
    </body>
    </html>
    Apart from the same mistake as above, this file will not be recognised as containing PHP without the PHP extension. You can setup the server to accept HTML and to interpret same as PHP, but I would not recommend this.
    DW Live View:
    Hello There
    external browser URL: http://localhost/testphp.html:
    Hello There
    This is amazing! With the code above? If you hadn't told me I would not have believed it. I tried it on my humble setup and you are correct. It works using the PHP file but not the HTML file. It doesn't matter, it is still not correct.
    How to configure DW CS5 to display PHP in DW Live View with file extension= ".html"?
    It is not up to DW to determine, it is the PHP server that determines whether PHP in an HTML file will be shown. Have a look here http://php.about.com/od/advancedphp/p/html_php.htm .Once again, I do not recommend this
    I hope this helps.
    Ben

  • Why page looks fine in Design view but not live view?

    I am new to DW. I created a page that looks fine in design view but now I cant get it to show up in live view or the browser preview. Can some one give me some areas to troubleshoot. Most of the code is from a previous page I created that still looks fine in every view. I am not sure what I could be doing different in setting up this site.

    Thanks for taking the time to reply to question. Aftr taking a break. I came back realized I inserted the stylesheet before I changed site settings. I just needed to remove the forward slash from my stylesheet declaration. FYI for anyone else new to DW: if stuffs not showing  in Live View and Browser Preview eg background images, Go to Manage Sites and check your site setting for Links relative to: You may have switched between document and site root. Thus breaking your links to images or in my case the entire style sheet.

  • Don't see changes in Live View until after 30 second delay

    Running Dreamweaver CS5.5 on Mac OS X 10.7.5
    Running Locally using MAMP
    Site is configured to run on a local PHP/MySQL server, and consists of a single index.php file with nothing more than an html header (I don't even have any PHP in there yet).
    When I use Dreamweaver to make a change in my index.php file (such as changing the text in the header), I save it, and then go to Live View or Web Browser Preview. In both cases, it takes over 30 seconds before I see my changes in Live View or Browser Preview.
    To get a better idea of my workflow:
         1) My indiex.php file header reads "This is a test"... and it's correct in both Live View and Browser Preview.
         2) I change the header to be "Hello World".
         3) Select "Save" from the File menu.
         4) Click the "Live View" button.
         5) Live view still reads "This is a test"
         6) Open Browser Preview, also still reads "This is a test"
         7) I spam the refresh button in both Live View and Web Preview, no change, still reads "This is a test".
         8) After about 30 seconds of hitting the refresh button, the change finally is visible in Live View and Web Preview, reading "Hello World".
    Anyone seen anything similar? Any ideas why I'm getting such a long delay before seeing my changes? Any suggestions to fix it (besides restarting my mac?

    Thanks for the input!
    Restarting the computer was the obvious first thing to try, but had no effect.
    I have over 2GB free memory and still experiencing the issue.
    It does take a few seconds to load the Live View for the first time, but that's not my problem. My problem is that with Live View already loaded, it takes over 30 seconds after saving changes to the php file before I can see the changes in the Live View (I'm clicking the refresh button once a second, and on the thirty something time I'll finally see my changes).
    With "Preview Using Temporary Files" turned off, I get the behavior I've been describing.
    Turning "Preview Using Temporary Files" on does actually mitigate the issue for me, though, so thank you for that suggestion!
         - I can see changes in my Live View instantly after saving and clicking the refresh button.
         - I can see changes using Preview in Browser instantly too... but the browsers refresh button has no effect (which makes sense since the temporary file it's looking at hasn't changed).
         - I can actually get some work done now.
    However, I still feel that I should be able see my changes in Live View immediately after saving and clicking the refresh button without using "Preview Using Temporary Files", and I'd like to be able to leave the page open in my browser and just click the browser's refresh button to see my recently saved changes instantly.
    So Long Story Short:
         Using "Preview Using Temporary Files" has definitely helped!
         But I still have no way to see my changes immediately without using temporary files, so something still seems fishy.

  • Problem: design view looks completely different than live view

    I am trying to make changes to my home page in Dreamweaver, and when I am viewing the page in 'design view' the background image for the container is missing, and the divs are all over the place. When I view the same page in live view and in browser preview, it looks fine.
    Because I can't really see what the page is going to look like in 'design view', I can't really make changes to the site. Any help would be much appreciated.
    Link to screenshot of 'design view'  
    www.simply-eden.com/images/screenshot1.tiff
    Link to screenshot of 'live view'       
    www.simply-eden.com/images/screenshot2.tiff
    link for purpose of viewing the code only
    www.simply-eden.com/images/index.html
    Thanks for the help.

    When things get really goofed up, it could be caused by malformed code or orphaned div tags.  Sometimes browsers will let you slide with poor code, but DW Design View won't.
    Use these online code validation tools and fix any reported errors.
    HTML Validator - http://validator.w3.org 
    CSS Validator - http://jigsaw.w3.org/css-validator/  
    HTML & CSS Tutorials - http://w3schools.com/
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com

  • 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 &amp; Graphic Design - http://www.johannabresnahan.com</p>
        <p> email: [email protected] ....phone....857•991•5717<br />
      </p>
    </div>
    </div>
    <!--end wrapper--></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 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" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Midwest Window Brokers | Page</title>
    <!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <style type="text/css">
    <!--
    body {
              font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
              margin: 0;
              padding: 0;
              color: #000;
              background-image: url(/images/bkg.jpg);
              background-repeat: repeat;
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
              padding: 0;
              margin: 0;
    h1, h2, h3, h4, h5, h6, p {
              margin-top: 0;           /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
              padding-right: 15px;
              padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
              text-align: left;
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
              border: none;
    /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
    a:link {
              color: #060;
              text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
              color: #666;
              text-decoration: underline;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
              text-decoration: none;
    /* ~~this fixed width container surrounds the other divs~~ */
    .container {
              width: 960px;
              background: #FFF;
              margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
    /* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
    .header {
              background-color: #FFF;
    /* ~~ These are the columns for the layout. ~~
    1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
    2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
    3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
    4) If you prefer your nav on the left instead of the right, simply float these columns the opposite direction (all left instead of all right) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
    .sidebar1 {
              float: right;
              width: 300px;
              background: #ffffff;
              padding-bottom: 10px;
    .content {
              padding: 10px 0;
              width: 650px;
              float: right;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
              padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
    /* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
    ul.nav {
              list-style: none; /* this creates the space between the navigation on the content below */
    ul.nav li {
              border-bottom: 1px solid #666; /* this creates the button separation */
    ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
              padding: 5px 5px 5px 15px;
              display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
              width: 160px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
              text-decoration: none;
              background-color: #DDDECB;
    ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
              background: #ADB96E;
              color: #FFF;
    /* ~~ The footer ~~ */
    .footer {
              padding: 10px 0;
              position: relative;/* this gives IE6 hasLayout to properly clear */
              clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
              background-color: #DDDECB;
              font-size: small;
    /* ~~ miscellaneous float/clear classes ~~ */
    .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
              float: right;
              margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
              float: left;
              margin-right: 8px;
    .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
              clear:both;
              height:0;
              font-size: 1px;
              line-height: 0px;
    #h-navbar {
              font-weight: bold;
              height: auto;
              font-size: 18px;
              line-height: 50px;
              background-image: url(/images/navbar2.jpg);
    #h-navbar1 {
              background-image: none;
              background-repeat: repeat-x;
    -->
    </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>
      <!-- end .header --></div>
      <!-- TemplateBeginEditable name="navbar" -->
      <div id="h-navbar">
        <div id="h-navbar2">  Content for  id "h-navbar2" Goes Here</div>
      </div>
      <!-- TemplateEndEditable -->
      <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>
        <!-- end .sidebar1 --></div>
      <!-- TemplateBeginEditable name="Body" -->
      <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 &lt;br class=&quot;clearfloat&quot; /&gt; or &lt;div  class=&quot;clearfloat&quot;&gt;&lt;/div&gt; 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>
        <!-- end .content -->
      </div>
      <!-- TemplateEndEditable -->
      <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.
        <!-- end .footer --></div>
      <!-- end .container --></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.

  • Slideshow works great in "live view" but does not in "preview browser"

    My slideshow looks just fine in "live view" but when I "preview in browser" it doesn't show up at all in Firefox and is a blue square with a question mark in Safari.  This was created in Dreamweaver and the slideshow is "Advanced Random Images" from Dreamweaver Exchange.
    It was working in the browsers, but I had to make some changes. I put the slideshow within the "content" to get it to be centered on the page.
    The centering worked great, but now it's not showing up.
    Here is that section of my code:
          <!-- end .sidebar1 -->
        </p>
        <!-- InstanceEndEditable --></div>
        <!-- KW ARI Image -->
    <div class="content">
    <div id="slideShow" style="width: 600px; margin: 0 auto; padding-bottom: 15px;">
      <script language="JavaScript">
    // Advanced Random Images Start
    // Copyright 2001-2006 All rights reserved, by Paul Davis - www.kaosweaver.com
      var j,d="",l="",m="",p="",q="",z="",KW_ARI= new Array()
    // KW_rs[5000]
      KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/auditorium.jpg';
      KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/boardrm.jpg';
      KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/classroom.jpg';
      KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/conference.jpg';
      KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/conference2.jpg';
      KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/courtrm.jpg';
      j=parseInt(Math.random()*KW_ARI.length);
      j=(isNaN(j))?0:j;
        document.write("<img name='randomSlideShow' src='"+KW_ARI[j]+"'>");
    function rndSlideShow(t,l) { // Random Slideshow by Kaosweaver
      x=document.randomSlideShow; j=l; while (l==j) {
        j=parseInt(Math.random()*KW_ARI.length); j=(isNaN(j))?0:j; }
      x.src=KW_ARI[j]; setTimeout("rndSlideShow("+t+","+j+")",t);
    rndSlideShow(5000,0)
    // Advanced Random Images End
        </script>
            </div>
    <!-- end slideShow -->
    <!-- InstanceBeginEditable name="content" --><script language="JavaScript">
          </script>
    Any suggestions?
    Thanks!

    I haven't uploaded the page since I made the code changes, for fear that if
    they won't "preview in browser", they won't work live...
    Here's the link:   www.epaaudio.com

  • SWF Banner works in Live View not in Any Browser? Losing my mind...

    Hello,
    I'm not a pro but have some web building experience. I'm currently building a website for myself in Dreamweaver CS5. I made a simple flash banner where pictures fade in and out. I placed it into my template and it works fine in Live View but not in Chrome, Firefox or IE.
    It has gotten to the point where I am losing my mind.
    I create a new HTML doc. Drag and drop ANY swf file. Saved Swf files as flash 8 and flash 9 even. Updated my flash last night for my browsers. Again... See it fine in Live View and not in the browsers i've mentioned.
    The browsers (except chrome which displays nothing) show this message.
    Content on this page requires a newer version of Adobe Flash Player.
    Even after flash updates and using a swf file saved as an older veriosn of flash (tried 9,8 and 5 for a laugh).
    Here is the html code (all generated by Dreamweaver). I am totally baffled and have spent HOURS scrying the internet to no avail. I even tried this in a trial version of Dreamweaver CS6 but had the same reslut. Please help me. What's going on?
    <!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>Untitled Document</title>
    <script src="/Scripts/swfobject_modified.js" type="text/javascript"></script>
    </head>
    <body>
    <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="860" height="300">
      <param name="movie" value="/homeBanner8.swf" />
      <param name="quality" value="high" />
      <param name="wmode" value="opaque" />
      <param name="swfversion" value="8.0.35.0" />
      <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
      <param name="expressinstall" value="/Scripts/expressInstall.swf" />
      <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
      <!--[if !IE]>-->
      <object type="application/x-shockwave-flash" data="/homeBanner8.swf" width="860" height="300">
        <!--<![endif]-->
        <param name="quality" value="high" />
        <param name="wmode" value="opaque" />
        <param name="swfversion" value="8.0.35.0" />
        <param name="expressinstall" value="/Scripts/expressInstall.swf" />
        <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
        <div>
          <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
          <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
        </div>
        <!--[if !IE]>-->
      </object>
      <!--<![endif]-->
    </object>
    <script type="text/javascript">
    swfobject.registerObject("FlashID");
    </script>
    </body>
    </html>

    SWF (Flash) animations won't work in iPhone, iPad, iTouch, Android or any other web device that lacks support for Flash.  Do yourself & your site visitors a favor.  Use jQuery instead of Flash.
    jQuery Cycle2
    http://www.malsup.com/jquery/cycle2/
    jQuery Wow Slider
    http://wowslider.com/
    jQuery Nivo Slider
    http://dev7studios.com/nivo-slider/
    Nancy O.

  • Font in Design View different from font in Live View and browser preview

    My external style sheet has the body set for a sans-serif font and there is nothing to contradict it in the HTML documents. But while I get sans-serif in the Design View (as you would expect), I get a serif font in Live View and Browser Preview, not to mention on the Web itself.
    How is this possible (and what should I do about it)?
    --Paul

    Murray and David: it worked! It is a rare and joyous experience to have a straightforward solution to the sorts of problems I come up with (including other realms). But I have to say that with HTML and CSS (and hence with Dreamweaver), solutions to difficulties have seemed within easier reach than in other parts of the computer world.
    By the way, I wanted to choose "correct answer" for both your posts, but after making the first click it was no longer available for the remaining post--so I typed "helpful" even though that one was correct too.
    Thanks again.
    --Paul

  • Image Slider not appearing/visual in live view/Browser

    I updated a link to my image browser and once I hit refresh, everything seemed fine. I checked my rework on live view, and the whole slider (including images and buttons) were no longer visual. (You could not see them.)
    |
    <!--==============================header=================================-->
      <div class="header">
          <div>
            <div class="nav">
                <nav> 
                    <ul class="menu">
                        <li class="current li-none"><a href="index.html">     Home     </a></li>
                        <li><a href="about.html">About</a></li>
                        <li><a href="portfolio.html">     Media      </a></li>
                        <li class="li-left li-none"><a href="products.html">     Products     </a></li>
                        <li><a href="news.html">News</a></li>
                        <li><a href="contacts.html">     Contact     </a></li>
                    </ul>
                </nav>
          </div>
            <header>
                <h1><a href="index.html"><img src="images/logo234.png" alt=""></a></h1>
            </header>
            <div id="slide">       
                <div class="slider">
                    <ul class="items">
                        <li><img src="images/slide-1.jpg" alt="" /></li>
                        <li><img src="images/slide-2.jpg" alt="" /></li>
                        <li><img src="images/slide-3.jpg" alt="" /></li>
                    </ul>
                </div>
                <ul class="pags">
                    <li><a href="#"><strong></strong></a></li>                <!--[This is the image I updated/changed]>
                    <li><a href="#"><strong></strong></a></li>
                    <li><a href="#"><strong></strong></a></li>
    >
                </ul>   
            </div>
        </div>
      </div>  
    <!--==============================content================================-->
    |
    I checked in browser and you could also not see them there, either. The ONLY thing I changed was the link to the image. Here is the code, please let me know if you can help out at all.
    Joe

    Jon,
    I have not uploaded the page yet, because this issue came up and I did not want a non-functional part of the site available online yet. However, I have done the following:
    -Checked the link and that it is correct with no typo's, etc.
    -Checked the Javascript (there are no issues there, either.)
    I am going to download the original page from the server and compare once again to see if there are differences.
    I will post updates.

  • Live Video editing using Augmented Reality

    I saw Disney "i am in a band" video. I have  a similar project in augmented reality based on enhancing retail  experience.
    I was having difficulty in finding action script code and if anyone of you can provide me with it for live video editing  (specifically for placing different background in the back and front  layer), i would be very thankfull.
    see the link to get a better undertanding:
    http://www.youtube.com/user/psans1#p/a/u/0/oU2AowSgnGw
    Best
    Nitish Meena
    India

    The Apple people probably didn't understand that you wanted a live mix. FCP can't help you there.
    MultiCam is an FCP feature "post-switching" multicamera recordings for that live-to-tape look. It is fairly complex, and especially with only two "cameras" you would be muchn better to start off editing them on the timeline.
    As for a live switch you need a video switcher. Outside the realm of FCP, but http://bhphoptovideo.com is a great place to do research.
    Then if you're really serious you can record both feeds plus optionally the live switched output for further manipulation in FCP or elsewhere.

  • 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>

  • Results look different in Live View and Browser Lab

    I'm using CS5 and am using absolute positioning to place an image. It looks great in Live View, but when I open Browser Lab it has shifted dramatically. Any ideas what's going on and with view should I trust. Thanks.

    Hi Jalynoble,
    We've tried to repro the issue you describe, but haven't been able to, so it must be something specific to your page. Can you provide us with a URL or package up and email the source code for the page with this issue so we can look into it?
    You can post the url here, or email the files to [email protected]
    Thanks,
    Mark

Maybe you are looking for

  • Function module releated

    Dear All , I have doubt regarding whether ,by default the import and export parameters in function modules are passed by value or by reference . And what is the use of check box which is given to check pass by value .

  • Whats the default DPI of PDF when created from OBIEE

    As per topic, when we download to PDF from Answers or dashboards, does anybody know the DPI that is used ? You'd normally specify it on creation of the pdf. Cheers Alastair

  • Change duplicate numerical names

    I am trying to burn a backup CD of 2007 photos. Each photo has the original numerical name such as "IMG0012.jpg" as well as a specific title such as "Becky's birthday" which I have given it. The problem is that when I try to transfer the photos to a

  • Rol to change PO on SUS

    Hello to all, Im implementing a MM-SUS scenario. I transfer PO but when i enter to see the po, there isn't a button to change it and accept de positions. I think i could be a grants problem User have the following roles: SAP_BBP_STAL_PURCHASE_MANAGER

  • "Content Filtering" in my Samsung Charge phone.  Can I change it???

    I went to Goggle's Market and downloaded an APP called Smart Compass.  I liked it so much that I tried to download Smart Compass Pro.  The problem is that a yellow banner appeared across the top on my phone's screen and it said that I cannot  downloa