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?

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.

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

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>

Webpage looks good with tranparent boxes and photo background in live view but not in browsers

If anyone has time to help I would be very grateful.   I am new to dreamweaver and am trying to make a webpage with transparent colums and boxed text using styles. It looks perfect in "live view" but when I look at it in any browser all formatting is gone. It looks like the background with text on top layed out wrapped across the entire page.   I have not been able to figure out what is wrong in days of searching. Does anyone know the answer?
This first the format I want and is what it looks like in Live View, the second is what it looks like in most browsers.
Here is the code I used:
</style>
<link href="../styles/tcastyles.css" rel="stylesheet" type="text/css">
<style type="text/css">
body {
          background-image: url(bamboo.JPG);
          margin-left: 150px;
a:link {
          color: #600;
          text-decoration: none;
a:visited {
          text-decoration: none;
a:hover {
          text-decoration: none;
a:active {
          text-decoration: none;
          font-family: Verdana, Geneva, sans-serif;
          font-size: 12px;
          font-weight: bold;
a {
          font-size: 12px;
body,td,th {
          font-family: Verdana, Geneva, sans-serif;
.container .faqs h2 {
          line-height: 40px;
.container .faqs ul li {
          text-align: left;
.footer {
          padding: 5;
          position: relative;
          clear: both;
</style>
<div class="container">
<div class="header"><span class="menutable"></span><img border="0" src="navigate_projects.jpg" width="307" height="167" usemap="#FPMap0" alt="The Conservation Agency - Project Menu" align="absmiddle" />
    <map name="FPMap0">
      <area shape="rect" coords="132, 112, 172, 127" href="asia.htm" alt="Asia" />
      <area shape="rect" coords="138, 92, 286, 110" href="west.htm" alt="Western Hemisphere" />
      <area shape="rect" coords="138, 73, 279, 89" href="flamingos.htm" alt="British Virgin Islands" />
      <area shape="rect" coords="131, 55, 249, 72" href="turkscaicos.htm" alt="Turks and Caicos" />
      <area shape="rect" coords="121, 35, 244, 52" href="newengland.htm" alt="Narragansett Bay" />
      <area shape="rect" coords="103, 17, 306, 32" href="coyote.htm" alt="Narragansett Bay Coyote Study " />
      <area shape="rect" coords="121, 128, 173, 144" href="pacific.htm" alt="Pacific" />
    </map>
</div>
<div class="menu">
    <table width="100%" border="0" align="center" id="menutable">
      <tr>
        <td height="30" align="center" valign="middle"><p><strong><a href="mission.htm">Mission</a></strong></p></td>
        <td height="30" align="center" valign="middle"><p><strong><a href="pubs.htm">Publications</a></strong></p></td>
        <td height="30" align="center" valign="middle"><p><strong><a href="projects.htm">Projects</a></strong></p></td>
        <td height="30" align="center" valign="middle"><p><strong><a href="opps.htm">Opportunities</a></strong></p></td>
        <td height="30" align="center" valign="middle"><p><strong><a href="sponsors.htm">Sponsors</a></strong></p></td>
        <td height="30" align="center" valign="middle"><p><strong><a href="coyote.htm">NBCS</a></strong></p></td>
        <td height="30" align="center" valign="middle"><p><strong><a href="guana.htm">Guana</a></strong></p></td>
        <td height="30" align="center" valign="middle"><p><strong><a href="tca.htm">Contact us</a></strong></p></td>
        <td height="30" align="center" valign="middle"><p><strong><a href="index.htm">Home</a></strong></p></td>
      </tr>
    </table>
</div>
<div class="banner">Narragansett Bay Coyote Study</div>
<d/div>
      <div class="box739">
        <h3>What does NBCS Do?</h3>
        <p>Since 2004 The Narragansett Bay Coyote Study (NBCS) has been developing science-based coexistence and management strategies for our newest top predator. Coyotes, originally a prairie species, have successfully colonized all parts of the continental and nearshore us in the past 100 years. They reached the islands of Narragansett Bay in the mid-1990s. Since then coyotes have become increasingly abundant and problematic in some island communities.</p>
        <p>In our history of cohabitation with coyotes people consistently tried to eliminate them by hunting, trapping, and poisoning. Lethal removal worked for individual problem animals but did not work as a population control strategy. Why? Coyotes have intrinsic physiological and behavioral abilities to control their own numbers. If coyotes are removed they increase reproduction and numbers rapidly rebound. The critical population regulation trigger is competition for food. As long as coyotes are well fed (with few coyotes competing for food) their populations will grow. </p>
        <p>It is also known that opposite effect occurs if coyotes if coyotes are stressed by competition for food. If there are too many coyotes competing for the food available coyotes will drop the the level sustainable by those resources.</p>
        <p>Understanding this relationship, NBCS scientists decided to study the resource use of coyotes on two islands in Narragansett Bay, Rhode Island. We used GPS tracking collars to find out where the coyotes were spending thier time. We theorized that if we could identify important coyote food resources - and control them - the coyotes would bring their own numbers down. NBCS calls this "passive coyote management."</p>
        <p> Since 2005 when we trapped and collared our first island coyotes we have continually found that the most important food resources to our study are provided by people. That means they are within our control That means we can control coyotes. If we remove anthropogenic resources (human subsidies) coyote numbers will drop to the level sustainable by natural resources. When coyotes are sustained only by natural prey (mice, woodchucks, rabbits, geese, and deer) coyotes numbers will be lower and they will provide helpful pest control services. </p>
        <p>Based our scientific data NBCS generated a set of <a href="coyotes/Best Management Practices for Coexistence with Coyotes - Nov 8 2010.pdf" target="_new">Best Management Practices for Coexistence with Coyotes</a>- basically a toolbox for safe, sustainable, community coyote management. We are working with the towns in our study area to adopt the CBMPs and be the first community in the nation to successfully and sustainably manage coyotes. We also believe other cities and towns might be able to use our results as a template if they are experiencing coyote problems. We have only just begun to implement the CBMPs on our islands. We hope in the near future to have all our towns implementing the CBMPs - only then will we see the full impacts they make on coyote numbers and behavioral problems. You can follow our progress on this website.</p>
      </div>
      <div class="footer">
        <table width="100%" border="0" cellspacing="5">
          <tr>
            <td>Return to top</td>
            <td><a href="mailto:[email protected]">[email protected]</a></td>
          </tr>
        </table>
      </div>
    </div>
</div>
<p> </p>
</div>iv class="faqs">
    <h2>FAQs</h2>
    <ul>
      <li>How do coyotes control their own population numbers?</li>
      <li>bla bla bla</li>
    </ul>
</div>
<div class="content">
    <div class="clearbox">
      <div class="col1">
        <h3>Middletown Adopts the CBMPs and passes a No-Feeding Ordinance!</h3>
      </div>
      <div class="col2">
        <h3>Pilot, Java, and the Valley Pack</h3>
      <
And here are the styles:
.container {
          height: 1500px;
          width: 975px;
          border: 8px solid #660000;
          float: left;
.header {
          float: left;
          height: 170px;
          width: 975px;
          background-color: #033000;
.menu {
          background-color: #FFC;
          float: left;
          height: 30px;
          width: 975px;
          font-family: Verdana, Geneva, sans-serif;
          font-size: 9px;
          color: #660000;
          font-weight: bold;
          margin-bottom: 5px;
.table {
          font-family: Verdana, Geneva, sans-serif;
          font-size: 8px;
          font-weight: bold;
.banner {
          float: left;
          height: 100px;
          width: 739px;
          font-family: Verdana, Geneva, sans-serif;
          font-size: 37px;
          font-weight: bold;
          color: rgba(0,51,0,1);
          background-color: rgba(255,255,204,.7);
          text-align: center;
          line-height: 75px;
          border-radius: 5px;
          padding: 5px;
          margin: 5px;
.clearbox {
          float: left;
          height: auto;
          width: 760px;
.box739 {
          width: 739px;
          float: left;
          height: auto;
          background-color: rgba(255,255,204,.7);
          font-size: 12px;
          color: rgba(0,51,0,1);
          border-radius: 5px;
          padding: 5px;
          margin: 5px;
.faqs {
          float: right;
          height: 620px;
          width: 205px;
          font-family: Verdana, Geneva, sans-serif;
          font-size: 12px;
          font-style: normal;
          line-height: normal;
          overflow: scroll;
          background-color: rgba(255,255,204,.7);
          margin: 5px;
          border-radius: 5px;
          font-weight: bold;
          color: rgba(0,51,0,1);
          text-align: center;
.col1 {
          float: left;
          height: 500px;
          width: 359px;
          background-color: rgba(255,255,204,.7);
          font-size: 12px;
          border-radius: 5px;
          color: rgba(0,51,0,1);
          margin: 5px;
          padding: 5px;
.col2 {
          float: left;
          height: 500px;
          width: 359px;
          background-color: rgba(255,255,204,.7);
          font-size: 12px;
          border-radius: 5px 5px 5px 5px;
          color: rgba(0,0,0,1);
          padding: 5px;
          margin: 5px;
.footer {
          position:relative;
          clear: both;
          background-color: rgba(255,255,204,1);
          font-size: 12px;
          color: rgba(0,51,0,1);

Helo thanks for responding . I think it uploads... It says it does as an assocaiated file when I put to the website. But that sounds like it is the issue. Those format commands seem to be the one it is ignoring. I am not familiar with html but I see that the href command is what identifies the path to the file I call TCAStyles. I notice that dw puts all my files in a local public file and the structure is different - with no public file - at the site.
I am not sure what the 2 dots in the href command mean - there is not a full path. Is this command valid? I will try to look into the directory structure on local and remote site and will check for files.

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;

Lightbox works in Dreamweaver Live View but not in browsers

I wanted to find a method of showing a larger version of an image when it is clicked on so have added Lightbox2 by Lokesh Dhakar. I have set up the code for just one image to start with - the seagull on http://www.pembrokeshirewalescoastalholidays.co.uk/Food_and_Drink_in_Pembrokeshire.html
In Live View in Dreamweaver the action works fine, but when I click on the seagull image on the web page in a browser, all I get is a white box with a small square inside it - I should be getting an image of pembroke Castle.
I would be very grateful if you could let me know where I am going wrong?

The following files are not found on your server -
closelabel.gif
loading.gif
pembroke castle 7 large 640 by 480.jpg
(DON'T USE FILE/PATHNAMES CONTAINING SPACES ON THE WEB)

How Do I Change the Font Size in Design View?

The font size when coding in Dreamweaver's "Design View" is
too small. How do I change the size in "Design View" to make it
bigger? I've found that you can change the code view in Preferences
but it has no way to change the font size in Design View.
P.S.--I'm using DW8

Hi,
By "a meeting notice", do you mean the Outlook meeting reminder? It's not possible to change the font in Calendar reminders. It's a system font.
If I've misunderstood something, please feel free to let me know.
Best Regards,
Steve Fan
TechNet Community Support

I have a pdf file, how do it ONLY View but not can get changed, I mean locked

I have a pdf file, how do it ONLY View but not can get changed, I mean locked?

Use the Security tab in the properties of the document.

HT5484 Hi, I am using "Avenir Heavy" font in my iOS 6 app but when I run it on iOS5 the label on which I am placing Avenir fonts changes lot and I am not getting proper look n feel. How can I solve this issue ?

Hi, I am using "Avenir Heavy" font in my iOS 6 app but when I run it on iOS5 the label on which I am placing Avenir fonts changes lot and I am not getting proper look n feel. How can I solve this issue ?

Post your question on the Developer forums: http://devforums.apple..com

Font display in design view is wrong / browser displays it correctly

The links I place on my webstie pages display with the wrong (too large) font in design view but when the page is viewed in a browser, the links are displayed correctly. I have CSS entries in place that control link behavior and display and they work just fine in a browser but in design view, the link displays as a larger font than it should. I make all of the links bold. If I put a "class= " specification inside the <a> tag, then the size is right but if I then make the text bold, the size is once again displayed too large. If the text is not inside the <a> tag and it it's part of <p class="..." and I make it bold, it displays as bold and as specified by the class..
In other words
<p class="class1">text1
<strong><a href="reference">text2</a></strong>
</p
Tthe size of text2 is always too large in display mode but is correctly displayed in a browser.
Any ideas?
B. Berkov

Good point ... I inherited the code and CSS and changed a couple of 10pt to 12px so changing the CSS for links to 12px instead of 10pt will probably fix it. Still, I would have thought that design view would match what's seen in the browser regardless.
Thanks,
B. Berkov

Text from Design view is not visible on View

I converted a project from RoboHelp 9 to 11, and discovered that several of my topics were changed. Most of the changes were minor, e.g. spacing, bold type, bullets, etc., but I'm still having to go through each page, to make corrections. Oftentimes, the "problems" don't show up until I View the topic, but up to this point I've been able to fix them. However, one topic looks fine in Design view, but when I open it in View, almost all of the text is gone. I've tried retyping portions, to see if it reappeared, but not all of it does. Do you have any idea what is happening and how I fix it?

LOL, you should probably check out my dear friend Peter Grainge's site
RoboHelp Tour
Here's the deal. In times past, the eHelp corporation had RoboHelp. And they created RoboHelp HTML long before HTML really was wildly popular. In those times it was necessary to implement some rather arcane workarounds to allow editing and a WYSIWYG environment.
Time moves forward and Adobe are now the owners of the venerable RoboHelp. They modified the editor to be more standards compliant. And as you might imagine, that has the real possibility of somewhat munging things. Not that RoboHelp is munging code, but browsers are now a bit more persnickety about things. For example, that transparent thing was likely there in earlier browser versions and was ignored. So it's a combination of things.
Cheers... Rick

DW CS5 - what determines the font specs for design view (without Live View on)?

Says it all above. The non-Live View font I get bears no relationship to the font spec'd (and displayed) for the page in Live View. I assume I have a preference set wrong but can't find it.Help appreciated. - Jim

You won't see any custom web fonts in Design View, if that's what you mean. Design View is not and never has been 100% reliable because it is not a browser. At best Design View is an approximation of what you can expect to see in some browsers.
Nancy O.

My Javascript works in Dreamweaver Live View, But Not On The Server

I set up a javascript function to set the focus to the first field in a form as the page loads. It works fine in Dreamweaver's Live View, but not on the local or remote servers. Here's the code:
In the heading I have the following function:
<script type="text/javascript">
function setFocus()
document.getElementById("firstname").focus();
</script>
In the <head tag, I have:
<body onload="setFocus()" ...
and the first field in the form is:
            <input name="firstname" type="text" id="firstname" style="text-align: center; color: #009; text-transform: capitalize; font-variant: normal; font-weight: bold; line-height: normal; font-style: normal; font-size: 14px; font-family: Arial, Helvetica, sans-serif;" tabindex="1" value="<?php echo $fstname; ?>" size="15" maxlength="20">
I guess I must be missing something, but don't know what.

EUREKA! (and OOOPPPPSS!) I found the problem (and I thought javascript was case sensitive - according to the tutorial, it's supposed to be).
Here's apparently wha hoppen. The first field in the form is the person's first name, but it's also a SPRY validation field. I gave the actual field the name and id of "firstname", and the SPRY validation the name "FirstName", figuring that scripts would be case sensitive. In fact, when I first inserted the SPRY object, I tried to name it "firstname" also, but it wouldn't let me, so I capitalized the first letters, and it accepted that; that made me feel that this is OK. Here's the entire field's code:          <label>First Name:
           <span id="FirstName">
            <input name="fstname" type="text" id="fstname" style="text-align: center; color: #009; text-transform: capitalize; font-variant: normal; font-weight: bold; line-height: normal; font-style: normal; font-size: 14px; font-family: Arial, Helvetica, sans-serif;" tabindex="1" value="<?php echo $fstname; ?>" size="15" maxlength="20">
            <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldMinCharsMsg">Minimum number of characters not met.</span></span></label>
I accidentally tripped over the answer when I started using the Dreamweaver's Edit>Find Next search to see if I had something else named "firstname", and I found that it located every permutation of that word (e.g. firstname, FirstName, FIRSTNAME etc.). Having seen that, I tried changing the "name=" and "id=" to "fstname, and the same corresponding change in the javascript, and VOILA! it worked. That leaves me rather curious about this alleged "case sensitivity" thing. I get the impression that it IS case sensitive, except when IT'S NOT. How does this work, and how do I know when it is and isn't?

Websafe fonts changing in design view, but not in browsers

Similar Messages

Maybe you are looking for