Broken preview mode

This is how my website looks in dreamweaver:
However this is what I get in my firefox browser while in preview mode:
Can anyone tell me what did I do wrong? Full path:
file:///D:/mywebsite.com/wwwroot/index.html
And another question, for some reason the content div tag has moved to the right side of the screen for no particular reason, which makes the spacing between the left navigation and the content too big (too much space between them) I can't find anything wrong in the code:
body {margin:0; padding:0; background-color:#900; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000;}
#wrapper {width:960px; background-color:#FFF; margin-top:0; margin-right:auto; margin-bottom:0; margin-left:auto;}
#sub-nav {margin:0; padding:0; width:150px; background-color:#666; float:left;}
#content {width:770px; background-color:#FFF; margin:0px 20px 0px 20px; padding:0; float:right;}

I can't upload it yet, here is the full source code:
@charset "utf-8";
/* CSS Document */
body {margin:0; padding:0; background-color:#CCC; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000;}
    #wrapper {width:960px; background-color:#FFF; margin-top:0; margin-right:auto; margin-bottom:0; margin-left:auto;}
    p {font-size:11px; color:#000; margin:6px 0px 12px 0px; line-height:18px; text-align:justify;}
    #header {margin:0; padding:0; height:100px; width:960px; background-color:#000; background-image: url(../images/logo.png);}
    #top-nav-bar {margin:0; padding:0; height:31px; width:960px; float:left;}
    #top-nav-bar ul {margin:0; padding:0; list-style-type:none; width:960px;;}
    #top-nav-bar ul li {height:31px; width:131px; margin-left:2px; padding:0; margin-top:0px; margin-bottom:0px; margin-right:0px;                             line-height:30px; float:left;}
    #top-nav-bar ul li a {color:#FFF; text-align:center; height:31px; width:131px;line-height:30px; display:block;
background-image:url(../images/button2.png); background-position: 0px 0px; background-repeat:no-repeat; text-decoration:none;}
    #top-nav-bar ul li a:hover {color: black; text-decoration:none;background-position:0px -32px;}
#sub-nav {margin:0; padding:0; width:150px; background-color:#666; float:left;}
#sub-nav ul {margin:0; padding:0; list-style-type:none;}
#sub-nav ul li {height:30px; width:146px; margin-left:2px; padding:0; background-color:#3F3; margin-top:2px; margin-bottom:2px; margin-right:0px; line-height:30px;}
#sub-nav ul li a {color:#FFF; text-align:center; height:30px; width:146px; display:block; }
#content {width:770px; background-color:#FFF; margin:0px 20px 0px 20px; padding:0; float:right}
#footer {width:960px; height:50px; margin:0; padding:0; background-color:#0C0; clear:both;}
.img-right {float:right; margin:8px;}
Here is the 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>Document Title</title>
<link href="/includes/style.css" rel="stylesheet" type="text/css" />
<body>
<div id="wrapper">
        <div id="header"></div>
        <div id="top-nav-bar">
        <ul>
                <li><a href="/index.html" title="Hi">Learn</a></li>
                <li><a href="/information.html" title="Kir">Lern2</a></li>
                <li><a href="/" title="SA">Learn 3</a></li>
                <li><a href="/" title="Peennnn">Learn 4</a></li>
                <li><a href="/" title="MO">Learn 5</a></li>
            </ul>
            </div>
<div id="sub-nav">
            <ul>
                <li><a href="/"title="Hi">Hello</a></li>
                <li><a href="/" title="Kir">Ars</a></li>
                <li><a href="/" title="SA">B</a></li>
                <li><a href="/" title="Peennnn">Pe</a></li>
                <li><a href="/" title="MO">Mouse</a></li>
            </ul>
</div>
        <div id="content">
            <h1>MyWebsite</h1>
            <img src="/images/bike.jpg" width="216" height="207" alt="Bike1" class="img-right" />
            <p>This is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesiteThis is mybwesite</p>
<p>
Text 2
</p>
        </div>
        <div id="footer"></div>
        </div>
</body>
</html>
So as I mentioned before I need to make extra icons with different functions *facebook/twitter) in the #top-nav-bar.

Similar Messages

Images are not loading - but work in Preview mode

Hi -
I was wondering if anyone can help me. I'm kind of new to Dreamweaver and I can't seem to figure this out on my own.
I'm using Dreamweaver 8. I developed a web page based on a template in which everything works perfectly in "Preview" mode on all browsers. But when I uploaded the files to my remote hosting, the template based images (found in the "images" folder) are not loading on the page. The images that I added to the template myself, found in the same "images" folder ($200,000 in ..., and picture at bottom) are loading. So some of the images in the images folder are loading some are not.
I've checked the Images folder on the remote site, and they all seem to be there. I've also checked for broken links, and I'm not getting any (I don't know if that would help w/ missing images or not, but I'm trying everything I can think of). I also checked to see if there is a separate CSS style sheet, and there wasn't one supplied with the template (there is some CSS info in the code on the html page). The image sizes are all small enough as well. Can anyone help me with this?
You can view one of the pages at: http://www.200kin5months.com/squeeze-video.html
Thank you in advance to anyone who might be able to help!
Stacey
PS - I've attached a screenshot from Dreamweaver Preview to show what it is supposed to look like.

Your Web server is running on an operating system that is case-sensitive. You appear to have uploaded an Images folder, but not an images folder.
You do not have a file here:
images/squeeze-video_425x344_r9_c6.jpg
But you do have a file here:
Images/squeeze-video_425x344_r9_c6.jpg
So you'll need to either change all your image/<whatever> links to point to Images/<whatever>, or upload another folder named images.
Or, if you want to use a single folder, and if your local file system is not case-sensitive, you might be able to do it in DW's file panel. Here is a method that you might use to have all of them in a folder named images.
BACK UP YOUR SITE FILES
Rename Images to Foo (allow DW to update links)
Rename Foo to images (allow DW to update links)
Upload the images folder and any/all files that DW changed
Delete the online Images folder
HTH
Mark A. Boyd
Keep-On-Learnin' :-)

5320 XM (05.16.C04.01FW) Camera preview mode bug (...

I have 5320 XM (05.16.C04.01FW). Camera in this device is in landscape mode by default (when hardware camera button is pressed). All 3rd party software applications, whether it s60 (e.g. BeeTag) or J2ME (e.g. PavoMe) switch the camera to portrait preview mode. Whereupon in native camera application (by pressing hardware camera button) preview is broken because it shows only half of preview image in landscape mode. In the attached photo you can see how native camera app looks after use of camera in any 3rd party app.
Attachments:
IMG_5738.jpg ‏564 KB

The only solution I have found is to turn the phone off and on after use of camera in 3rd party applications.

Non websafe fonts appear low resolution in preview mode and in browser

I have a problem when using font that are not web safe, no matter which non webfont I use it appears low res and looks awful in preview mode, ex in the browser. I understand that font that are not supported are converted to images instad of text but why does that make them low res? Does the browser use have any affect on how it appears? I am currently using safari.
This is how the text appears: (Avenir is a non web safe font and Arial and Helvetica are web safe)
In Adobe Muse:
In preview mode:
Message was edited by: Abhishek Maurya - Updated the broken image URLs

Hi Johan,
While exporting the images from photoshop, try to add 1% transparency and save them as pngs to prevent Muse from compressing those images. Let me know if that makes a difference.
- Abhishek Maurya

Gif file won't animate in Muse's preview mode or in Muse's view in browser mode

Created a gif file with Photoshop that's 7.5MB in size. Placed the gif file on a Muse page. But, the gif won't animate in Muse's preview mode or when Muse sends the page to be viewed in browser mode. I'm using a Mac running OS X 10.9.2 and I'm a creative cloud member using Muse. Any solutions?

Step one to enable the community to help debug what you're encountering would be to provide the URL for the page where the GIF is being used. My first guess would be there are effects applied to the image (i.e. inner glow, bevel, etc.) that require Muse to re-encode the image and Muse does not support encoding animated .gif. It only supports passing animated .gif files through unchanged. (And to get an image to pass through unchanged it needs to have no effects that require rasterization applied in Muse.)
Given you've stated the GIF file is 7.5Mb I have to question your choice of .gif. At 7.5Mb this single file will take ~8 seconds to download on the average US broadband connection and will be much slower for many broadband users and most cellular users. GIF is a reasonable choice for very small short animations used sparingly, but is seldom (if ever) a good choice for larger or longer animations. Better choices for those are to use a video or a tool like Edge Animate to create a HTML5/CSS3 animation. The end result will be vastly more user friendly in terms of page load performance.
A huge percentage of first time visitors to a webpage will cancel the page load rather than waiting 8+ seconds for the page load to complete.

Report not printing in preview mode

i have a report that has real strange behavior. we are using the forms server to produce this report in preview mode. this report will produce the desired results for some of the reports. but on other reports this pulls up a blank pdf document. on the webserver the pdf is produced properly in cache. the pdf can be opened on the server and viewed fine. does anyone have any ideas of why this is occuring.
thanks

hello,
which webserver are you using? did you try to copy the file to your client and display it locally, just to see, if the client-side-acrobat is working fine ?
regards,
The Oracle Reports Team

How to change background color in preview mode?

After entering by chance presentation mode and had to quit indesign for exit (esc key doesn't work on my iMac), I found that the background color in preview mode is now black instead of grey.
There is any way to change it?

In Edit- preferences go to Guides and Pasteboard and choose preview color

Unable to move preview mode screen up and down on a mac

I'm teaming with a coworker to build a website on Muse. He's operating on a PC and I'm operating on a mac. We are both able to open the muse file and make changes, but I'm experiencing problems when I click over to Preview Mode on my mac. No matter which mouse I use with my computer (magic trackpad, trackpad on my laptop or regular usb mouse with a wheel) I am unable to move the screen up and down to see the content we built lower on the page. The pc does not have this same problem. Ideas?

Hi ,
Thanks for the response.
But I am looking to move the rows in a particular list A and not between 2 separate list items A and B according to the date.
List Project A has separate tasks defined which needs to accomplished in a timely manner for the project to complete on schedule.
I want to be able to move these tasks which are in a table on the SharePoint List.
Hope this is clear.
Please let me know if you have suggestions for this.
-BH

How to export photos with editing from preview mode to hard drive and external hard drive?

I have applied changes to the photos in the preview mode. Unfortunately, I can't export them from preview mode to hard drive and external drives. Whenever the external drive is plugged, the changes I made are not applied to the photos on the both hard drives.

Sorry what do you mean Preview Mode? There is no Preview mode or module in LR. There is a Library and Develop module in LR. The Library module does have the ability to do some adjustments and the Develop module has all the image adjustments.
In any event to export an image you can either right click on it and select Export or when in the Library module you click the button that says Export.

Exported swf formatting differs from preview mode

When I view a model in preview mode, everything looks fine with the formatting. However, after exporting the file (or viewing the export preview), some of the formatting is incorrect - such as axes labels and titles being truncated or moved from their original position, as well as grid sizes changing so that what I have aligned no longer is aligned.
I can make formatting adjustments in the model so that it appears more properly in the exported swf file, basically correcting for these differences. However, this is obviously not ideal, and I have not been able to identify any patterns in these discrepancies (sometimes it looks fine, other time not). I appreciate any suggestions!

Hi,
I am facing the same issue too. The whole formatting goes off once exported to ppt. The fonts reduce to such an extent that I cannot see the fonts. If I drag the swf component to full screen in ppt, the labels, come over the axes.
Please let me know how to correct it.

Adobe PDF Portfolio - Preview Mode Displaying Incorrect Pages

I have created a PDF portfolio using the “Grid” template in Adobe Acrobat XI Pro. The Portfolio contains three pdf files. I am getting the following problem when I open the pdf Portfolio in Adobe Reader X and XI and Adobe Acrobat Pro XI.
Open the PDF portfolio
Click on pdf3
Preview mode displays the correct document and pages.
Close the preview of pdf3
Click on pdf2
Preview mode displays pages from pdf3,not pdf2 (see screenshot below).
Some observations:
If pdf1 has two pages, and pdf2 has ten pages, pdf2’s preview contains pdf 1 (pages 1-2) and then pdf2 (pages 3-10).
If I continue to open pdfs the preview contains pages from all the pdfs I have opened in the portfolio (this depends on how many pages the document I am currently previewing has). It is not just caching the last pdf opened.
Preview mode always displays the correct NUMBER of pages (i.e., if there are ten pages in a pdf, there will be ten pages in the preview. They will just be the wrong pages).
Turning off local page cache (preferences > page display) does not fix the problem.
Adobe Reader is up-to-date and Flash is up-to-date. I have replicated the problem on different computers, and in Adobe Reader X and XI, and Pro XI. I have also created muliple pdf portfolios from scratch to confirm the pdf portfolio itself wasn't corrupt.
Does anyone have an idea what is happening? Users are getting very confused when their preview shows them a completely different document.
Thanks for any help

We have the same problem. Everything's up to date. Adobe needs to address this issue!! The portfolio feature is a great idea, but this glitch basically ruins it. If you come by this page with the same problem, make sure you leave a reply. Maybe Adobe will actually pay attention if there are enough complaints.

Bridge crashes when hitting spacebar to go into preview mode.

Hello there,
So, whenever i've been in Bridge for a little while and want to do a full preview mode by hitting the spacebar I get the dark grey screen and after awhile "the spinning beach ball of death" appears. This continues until I have to force quit Bridge. When I restart bridge and try to do a new preview right away the same problem occurs imeditly.
I've tried to delete all the preffs both manually and automatically by holding down the option key during start up, but nothing helps. I've also installed the latest updates.
I'm on a pretty new Macbook Pro 2.53 GHz Intel i5 bought this summer with a SSD harddrive and 4gb of RAM if that is of interest.
Am I way off if I think it could have to do with the graphics card?
Well I'm thankful if anybody has solution for this.
Best,
Per

Deleting prefs manually seems to be OK although I personal would not bother
about the last workspace
> I don't really understand this part you wrote.
"What setting do you generally have for Bridge preview, always high Quality
or on demand or embedded previews
In Bridge Path Bar top right there are two small checker board icons. The
left one is just a shortcut for prefer embedded previews that only let you
cache the thumbs. A quick way to view the content of a non cached folder and
have the option to glance through thumbnails without having the need to wait
for all the previews to be build.
The right one gives you 3 options, first prefer embedded (same as left icon
and in fact is double but there are still more strange things in Bridge
regarding to workflow I'm afraid...)
Second is High Quality on Demand meaning the HQ preview builds when you
select the file. Somewhat useful but time costly when having to click on
several files and every time have to wait for the building of the preview.
Third is Always HQ. This one I prefer to have set as default. It means that
you have to wait longer for all the previews to being build but this is only
once and after this you can browse freely through all the files.
Having set to also build monitor sized previews in the prefs means you also
have to wait a little longer once when the folder builds cache but this is
in the same go after file ingestion and after this you can use the space bar
almost without delay to see a full screen preview. (And I'm on a 30"" Apple
Cinema display using mostly files from a EOS 1Ds3, big files, big screen
When it comes to size it can be any size, either a large psd. file or a tiny
.jpg. And i have my max set to 1000mb.
With this setting files above 1000 MB don't build previews but that should
not cause trouble when hitting spacebar, it only shows the small thumb on a
full screen with gray background and surely should not let Bridge crash.
Try also system maintenance with check and repair permissions.
And if the problem still persist create a new user for testing, log in under
this new account and try if the problem is still there, just to rule out
your current user account as the culprit.

Document always opens in Preview mode, prefer Normal mode

Documents always open in Preview mode, while I'd prefer the Normal mode. I tried setting the mode to Normal and saving the document, but next time I open it it again opens up in Preview mode. Can I change this somewhere so it defaults to Normal mode?
Thanks for your help or suggestions.

The preview that was used when the file was saved is saved with the
file. If you save it in preview mode, it will open that way.
If that's not the case, you may have a slight corruption in your
preferences. Try trashing them if this bothers you.
Bob

Email button works in preview mode but not when published to PDF

I thought I had cracked everything but - I have set preferences to email results to a specific address. In preview mode this works and outlook is opened with all the details. Once I have published to Acrobat 9 pdf - there is no response to the email button. If I play the SWF file I have the same problem. What am I doing wrong? Using Captivate 5 trial and Acrobat 9.3 Pro.

HI there
You might try adding the location to the trusted locations list as described below:
Click here to view
But i'm guessing you didn't see the link below.
Click here to view
Cheers... Rick
Helpful and Handy Links
Captivate Wish Form/Bug Reporting Form
Adobe Certified Captivate Training
SorcerStone Blog
Captivate eBooks

Data Disappears from Line Chart in Preview Mode

Help! Line chart data present in design mode, but disappears when in preview mode. I have a dashboard that I update monthly. Simple line charts. Now, the line chart data is visible while in the design view, but does not show up when in the preview view or even when converting it to a PDF or Powerpoint. SWF issue? Inputs are needed!
Thanks,
Stan

Hi Stan,
The answer to, why the data disappears in runtime mode, depends on how you retrieve the data in your dashboard.
It seems that you have some sample static data in your spreadsheet that shown in design mode. But chances are that this data is set to be overwritten in runtime mode, if you import your data using QAAWS, Live Office or similar.
I would suggest you to add a "spreadsheet table" component (found in the bottom of the Selectors category in the components browser) to your dashboard. Set the spreadsheet table to display some of the cells in the spreadsheet that you expect to get populated during runtime.
In this way you can verify if data is actually present in the relevant cells during runtime.
By the way - this is also a best practice method to test data-retrieval in Xcelsius.
I hope this helps.
Kind Regards,
Simon

Broken preview mode

Similar Messages

Maybe you are looking for