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

Similar Messages

How come I can see my div in design view but not in live view

Hi,
I have a div ID called "portfolio" that I can see in design view but not live view or on a browser. It's a little pink square and I want that square round also.
I ran it through validator. It picked up some things in the style.css which I changed and the boilerplate.css that I did not. Because I thought DW auto creates code for boilerplate because I don't enter that code myself.
It's also rejecting a lot of webkit code but this seems like standard webkit code that works elsewhere on the page.
BTW: at what point does this brutal hand coding pay off in money and less heartache when Wordpress looks cleaner and is so much easier to use? I feel like I barely know HTML or CSS in terms of translating vision to reality and with all-browser functionality after months and months of on-line classes. How long are the pros at it till they reach a watershed point?
here's my address: http://www.adjacentdimensionsmedia.com/home.html
Here's my html:
<body>
<div class="gridContainer clearfix">
    <div id="div1" class="fluid"><img src="adtitle2.png" width="700" height="80" alt=""/></div>
<div class="fluid"><div class="box-shad"><a href="index.html"></a></div>
</div>
    <div id="portfolio">Portfolio</div>
</body>
Here's my CSS:
.box-shad {
margin-top: 200px;
margin-left: 100px;
width: 900px;
height: 700px;
display: block;
background-image: url("images/Big-tree-trans1.png");
background-size: 900px 700px;
-webkit-box-shadow: 15px 15px 15px #000000 inset;
box-shadow: 15px 15px 15px #000000 inset;
-webkit-border-radius: 50%;
border-radius: 50%;
position: fixed;
.box-shad a {
    display:block;
    width:900px;
    height:700px;
#portfolio {
width: 100px;
height: 100px;
margin-top: 0px;
margin-right: 200px;
margin-left: 200px;
margin-bottom: 0px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: pink;
top: -300px;
position: relative;

The top:-300 is putting that div above the top of the browser viewport. Fix that and you'll see the div.

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.

Websafe fonts changing in design view, but not in browsers

ive currently got a website with font thats extremely hard to read for my real estate company. I can change it in dreamweaver just fine and it shows in design view, but upon previewing in a browser it does not work, just reverts back to the old horrible font. Any suggestions here??
im trying to change the font family to
Tahoma, Geneva, sans-serif
thank you in advance!

There's only one h2 heading on each of those pages e.g. 2001 Update: Banks Charging....
The other subheadings (What is the payout penalty...) are a mishmash of <p> tags, <span> tags and CSS styles.
However, the font appearance and word spacing in those subheadings is controlled by the extensive use of the Cufon font replacement technique.
In the Cufon Javascript file,
http://www.definitiveinvestments.ca/js/cufon-replace.js
the <h2> font is replaced with Bebas http://www.dafont.com/bebas.font
Cufon.replace('h2, h3, .title3', { fontFamily: 'Bebas' });
By hard to read, are you referring to the word spacing?

Mask appears correct in design view but not runtime

I have a component that the designer did as an elaborate thermometer in photoshop, I am trying to replicate it in flex so that I can set the size of the thermometer with code. I have it set up as a custom component (code below), in design view looks like (enlarged):
But when I run the app where I am using the component, the green bar is missing:
Here's the code. Why would this be?
<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"
           xmlns:s="library://ns.adobe.com/flex/spark"
           xmlns:mx="library://ns.adobe.com/flex/mx" width="180" height="20">
     <s:Group top="0" left="0" right="0" bottom="0" >
          <s:Rect top="0" left="0" right="0" bottom="0" radiusX="8">
               <s:fill>
                    <s:SolidColor color="#fbe5a1"/>
               </s:fill>
               <s:stroke>
                    <s:SolidColorStroke id="bdr" weight="2" color="#ffffff"/>
               </s:stroke>
          </s:Rect>
          <s:Group top="0" left="0" bottom="0" right="0">
               <s:Rect id="thermo" top="0" left="0" bottom="0" width="80">
                    <s:fill>
                         <s:SolidColor color="#bfe994" />
                    </s:fill>
               </s:Rect>
               <s:mask>
                    <s:Group>
                         <s:Rect top="2" bottom="2" left="2" width="178" radiusX="8" radiusY="8">
                              <s:fill>
                                   <s:SolidColor color="#000000"/>
                              </s:fill>
                         </s:Rect>
                    </s:Group>
               </s:mask>
          </s:Group>
     </s:Group>
     <s:Rect top="2" left="2" right="2" bottom="2" radiusX="8" radiusY="8">
          <s:filters>
               <s:DropShadowFilter alpha=".3" blurX="12" blurY="12" distance="2" inner="true" knockout="true" />
          </s:filters>
          <s:fill>
               <s:SolidColor color="#fbe5a1"/>
          </s:fill>
     </s:Rect>
</s:Group>

FWIW, setting it like this seems to work:
<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"
           xmlns:s="library://ns.adobe.com/flex/spark"
           xmlns:mx="library://ns.adobe.com/flex/mx" width="180" height="20" creationComplete="group1_creationCompleteHandler(event)">
     <fx:Script>
          <![CDATA[
               import mx.events.FlexEvent;
               import spark.components.BorderContainer;
               protected function group1_creationCompleteHandler(event:FlexEvent):void
                    var bc:BorderContainer = new BorderContainer();
                    bc.width = ds.width;
                    bc.height = ds.height;
                    bc.setStyle("cornerRadius", 8);
                    bc.y = 2;
                    bc.x = 2;
                    bar.mask = bc;
          ]]>
     </fx:Script>
     <s:Group top="0" left="0" right="0" bottom="0" >
          <s:Rect top="0" left="0" right="0" bottom="0" radiusX="8">
               <s:fill>
                    <s:SolidColor color="#fbe5a1"/>
               </s:fill>
               <s:stroke>
                    <s:SolidColorStroke id="bdr" weight="2" color="#ffffff"/>
               </s:stroke>
          </s:Rect>
          <s:Rect id="bar" top="0" left="0" bottom="0" width="80">
               <s:fill>
                    <s:SolidColor color="#bfe994" />
               </s:fill>
          </s:Rect>
     </s:Group>
     <s:Rect id="ds" top="2" left="2" right="2" bottom="2" radiusX="8" radiusY="8">
          <s:filters>
               <s:DropShadowFilter alpha=".3" blurX="12" blurY="12" distance="2" inner="true" knockout="true" />
          </s:filters>
          <s:fill>
               <s:SolidColor color="#fbe5a1"/>
          </s:fill>
     </s:Rect>
</s:Group>

Shows in Live view but not in Browser

Sorry if this is quite a newbie question but im new to Dreamweaver. I have changed the CSS for the navigation and slider in a free css template i have downloaded, it renders perfectly in live design view on Dreamweaver but no change is apparent on any browser i open it in? There is some Jquery script linked to the slider im not sure if this would be effecting it in any way?

You need to probably do one of the following:
1. Save the file before previewing in a browser
or
2. In your Preferences (Edit -> Preferences), scroll down to the 'Preview in Browser' option. There, check the box marked :Options Preview using temporary file.

Swap images works in preview but not in browser

Hi everyone,
I am attempting to get a swap images to work. It works in the preview window but not when I preview it in the browser. When I open it in a browser the states seem to "cycle" through really quickly in rapid succession. I have linked my png file for you to see. Any thoughts?
Thanks,
denbeck

Your swap image slice is set to Animated GIF. Change it in the Optimize panel to plain GIF or PNG 8
Jim Babbage

Applet running in IDE's applet viewer but not within browser

Hello,
I have this applet which runs perfectly on JBuilder4's Applet viewer but when I access the HTML file which JBuilder generated as part of the applet creation the applet won't run.
The parameters in the applet tag in the HTML file are correct, i.e. the code attribute of this tag has as its value the correct class that implements the applet.
The only io operations associated with the applet are writing/reading objects to the socket's input/output stream, to communicate with a threaded server which has been started before running the applet. It all runs on the local host. So, I'm not sure it should be signed for it to run in the browser, should it?
I have tried several browsers, and have the latest java plug-in installed.
Any comments on this?

Check this link which might be helpful:
http://forum.java.sun.com/thread.jsp?forum=57&thread=126261

Images shrink in Viewer but not in Designer

I had Dynamically linked pictures that were created with CR 8.5. This required me to have an OLE server (old microsoft editor).
I uploaded the picture to the database in an image file and now when I try to diplay the pictures it diplays it as a tiny little image in the upper left hand corner ot the picture box.
First off why is this doing this to me, second, how do I fix this? I have even tried to insert the image directly, but it still has the same result in the viewer.
The second thing is why if I run crystal directly and run the report via that, does it diplay correctly?

When I hard coded the file path it worked. I checked the source code and saw no white space. I even went to each browser's options dialog box to make sure that the show image options were checked. It may be my coding. In my image folder there are categories of other folders within folders that have images of which Coldfusion calls up whenever the browser needs it. Could that be the problem? Should I have all of my 300 images in one folder?
- Hannibal Hasan
On Sep 1, 2011, at 9:30 PM, Dan Bracuk <[email protected]> wrote:
First thing I'd try would be to hard code the expected value and see if that works. If it does, I'd look at the html source code from the problematic browsers and see if there is any unexpected white space.
This message was sent to: College Kid
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/3897548#3897548
To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/3897548#3897548. In the Actions box on the right, click the Stop Email Notifications link. For more information about unsubscribing from the Adobe Forums, please visit http://kb2.adobe.com/cps/522/cpsid_52211.html
--end--

My web page centers in the design view, but not when viewed on line.

I am new to web design and of course, to this forum. I had some background in VBA and Fortran, so when the original designer left, I was the only one in the organization willing to tackle the website and try to teach myself how to make it work and keep it current. We were financially in the red at the time, so hiring outside help would have been almost impossible. We are finally breaking even now, which was our goal as a non-profit.
So I inherited the computer and the responsibility for maintaining the website at a non-profit organization for kids in Florida a couple of years ago, and I am doing pretty well with it so far, even though my depth of knowledge is very shallow. AsI said before, I am entirely self taught, mostly by the trial and error method, so please excuse what is probably a very basic question.
My website is FloridaBandTournament.com.
The site is working pretty well for my users, but from an appearance standpoint, the pages always are on the left side of the screen. I would like to center the page(s) in the screen so that it looks a little better. They are on a black background - not sure how the background got there, but it is working fine for me. When I tried to center the pages, I googled my way to the statement text-align: center, and after placing it a couple of different places in the code, it suddenly seemed to work, at least in the in Dreamweaver 8 (I also inherited the software, which is I know is old, but so am I - will be 70 soon, and do my work for free for the organization). But when I went to a couple of different browsers, it still displayed the website on the left. I tried Firefox and IE. I am at a loss as to what to do.
When I found this forum, I thought maybe somebody could help me know what to do to make this centering of the page happen in a simple way for this old geezer. I would sure appreciate it.
I do not know what I should be communicating to you, but I thought if I sent the code in the body, it might help.
The body code is as follows;
body [
    background-image: url(file:///C|/Documents and Settings/user/Application Data/Macromedia/Dreamweaver 8/configuration/ServerConnections/www/images/background.gif):
   background-color: #000000;
   margin-top: 0px;
   margin-left: 0px
   margin-bottom: 0px
   margin-right: 0px
text-align:center
None of the pages in the active website have this code yet - I have a trial page that I am testing. The trial page can be accessed from the link at the bottom of the 'links' page for 'Show Host Infoormation' (the mis-spelling is temporary and intentianal so I can find the darn test link myself when I want to).
I would be glad to provide any information that might help someone understand what I have and what I am trying to do, but again, I am self-taught so I have little understanding of the technical terms. I would sure appreciate any help. Thanks in advance.
Bob

First obviously make a back-up of the pages/s.
Go into code view in Dreamweaver and find the below html. Its near the top of the page after the css. You don't need to first table <table> </table> so you can delete that. It's the second table that we are interest in. See below I have added id="pageWrapper" to the opening <table tag.
<table width="795" border="0" cellpadding="0" cellspacing="0">

<tr>
    <td width="795" height="19" valign="top" bgcolor="#000000"> </td>
</tr>
</table>
<table id="pageWrapper" width="795" border="0" cellpadding="0" cellspacing="0">

Then add this to your css styles in the head setcion of the page.
#pageWrapper {
    margin: 0 auto;
You'll have to do this for each page of the site you want centered, which could be a pain if you have many pages.
Also your background image is linked to your local computer thats why you are not seeing it but have a black background instead:
body {
    background-image: url(file:///C|/Documents and Settings/user/Application Data/Macromedia/Dreamweaver 8/Configuration/ServerConnections/www/images/background.gif);
    background-color: #000000;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
If you want the image to appear amend the link to as below:
body {
    background-image: url(images/background.gif);
    background-color: #000000;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;

Webforms visible in project view but not in browser view

Hi all
I have a problem:
We have a Yearly Task list with several webforms. Now, if I try to open the webforms in the normal project view everything works fine. But if I click the same Webform when I am in the browser view/tasklists/Yearly, I get the following Error message.
Requested document does not exist.
Show Details:
Error Reference Number: {A9C8569B-EC64-4A6D-8FEB-897DA44ECF5C};User Name: 20354@MSAD
Num: 0x80042781;Type: 0;DTime: 02.02.2009 11:58:29;Svr: ZRHCHL60;File: CHsvDSReports.cpp;Line: 626;Ver: 9.3.1.0.1502;
Num: 0x80042781;Type: 0;DTime: 02.02.2009 11:58:29;Svr: ZRHCHL60;File: CHsvReports.cpp;Line: 1538;Ver: 9.3.1.0.1502;
Num: 0x80042781;Type: 0;DTime: 02.02.2009 11:58:29;Svr: ZRHCHL60;File: CHsvReports.cpp;Line: 1081;Ver: 9.3.1.0.1502;
Num: 0x80042781;Type: 0;DTime: 02.02.2009 11:58:29;Svr: ZRHCHE62;File: CHFMwManageDocuments.cpp;Line: 1340;Ver: 9.3.1.0.1502;
Strangely, this only happens with the webforms that I have added more recently. The older webforms work fine also in the browser view.
Thanks

Hi all,
We try to import Webforms from an application in a new application , inside a folder hierarchy.
There was the same error when we want to access to any documents.
The folder was created by an Active Directory User (With All rights).
I have created a Folder with a Native Account (With All Rights) , and access to the document is now available.
I hope this workaround, will help Oracle to understand the root cause.
Regards.

Muse 2014.2.1.10 - place of svg - not showing right in design mode but correct in browser

Hi,
I am trying to place an svg file as a stand alone object and I am not seeing it correctly in design mode at muse. It seems to add a black stripe at the bottom of the svg covering a significant amount of the svg image. When preview at the chrome browser it seems fine and also by using the preview in browser of muse.
Any ideas?

It is weird and kinda frustrating but it appears to be working now (partly). I still can't see the image in Design view but they are now showing up in the browser.
I tested this using the following save settings in Illustrator (both worked this time, but when I tried originally both failed).
Only difference between the two is the Responsive option.

HT2513 my iCal shows events in the "month" view but not in the "week" view? why is that?

my iCal shows events in the "month" view but not in the "week" view? why is that? doesnt sync automatically all the time only sometimes

my iCal shows events in the "month" view but not in the "week" view? why is that? doesnt sync automatically all the time only sometimes

Help with Importing psd's, looks good in viewer, but not in canvas...

I have been searching for threads related to this issue, and this is what i've come up with...
It is my sequence settings, the picture looks great in the viewer but not in the canvas, as soon as i put it in the timeline, it goes blurry almost. I tried changing my settings to HD 16:9 and the picture looks great, but I need standard (NTSC DV 4:3), does anyone know a way around this? I can do it in Avid fine, why am I having such a hard time in FCP?
Thanks
P.S i have tried changing my image size in photoshop to 720x480 and 720x540 and it doesn't seem to make a difference.
Jana

The canvas is a low resolution proxy.
What does your sequence looking like on your NTSC production monitor?

Why is Dreamweaver's design view so messed up?

Hi
I am sure this has been asked and answered loads of times but here goes again.
Dreamweaver gets a lot of bad press because of it's design view but why does Dreamweavers Design view render web pages so badly? Even pages that validate and are well structured often render very poorly. Why is this?
It's not as if DW doesn't have a decent rendering engine built in - live view works perfectly well. And Contribute seems to be able to present an editable page rendered correctly.
The design view obviously has some sort of rendering engine to do it's job but is it a bespoke, poorly written one that it's not up to the job? Why keep it if doesn't work? Is there just no will to fix it?

I don't like vendor prefexes. Perhaps I'm old-fashioned, but I like less code.
An example:
body {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 100%;
          color: #000000;
          background-color: #fff;
          margin: 0;
          padding: 0;
          background: #402a67; /* Old browsers */
          background: -moz-linear-gradient(top, #402a67 0%, #ffffff 70%) fixed no-repeat; /* FF3.6+ */
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#402a67), color-stop(70%,#ffffff)) fixed; /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(top, #402a67 0%,#ffffff 70%) fixed; /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(top, #402a67 0%,#ffffff 70%) fixed; /* Opera11.10+ */
          background: -ms-linear-gradient(top, #402a67 0%,#ffffff 70%) fixed; /* IE10+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#402a67', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
          background: linear-gradient(top, #402a67 0%,#ffffff 70%) fixed; /* W3C */
Now, if everyone would agree on a standard, the graduated background would be described thusly:
body {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 100%;
          color: #000000;
          background-color: #fff;
          margin: 0;
          padding: 0;
background: #402a67; /* Old browsers if needed at all */
background: linear-gradient(top, #402a67 0%,#ffffff 70%) fixed; /* W3C */
That's 8 lines of code instead of 13.
One might ask how much longer it takes a browser to load that much extra code that is specific to other browsers and not the one one is actually using.
Dreamweaver does display the background correctly here, but only in Live View. And, with some of the colors, I find it nearly impossible to see some of the type.

Why is Image in design view but not in browser?

Similar Messages

Maybe you are looking for