Design View is missing.

Please help,
When editing fluid layouts, I lose the design view option.. This makes it much harder for me to do ANYTHING, because I do not have a lot of code experience.

would these work?
embedded chrome browser
embedded firefox
embedded webkit
in cs5, it was webkit. I tried to upgrade mine, but I have something else broken and design view still doesn't work.
I modified MMDocumentTypes*.xml and now it errors
"The Document Type "SHTML" will not be added because it uses a file extension that is already associated with a prior Document Type. [OK]"
I can't figure out what causes this. I only remember changing the <html> to <html lang='en'> in the SHTML related template files.
should not be that big of a deal.
to F:\Program Files\Adobe Dreamweaver CS5\configuration\DocumentTypes\MMDocumentTypes.xml I added
<documenttype id="menu7_XML" servermodel="XML" internaltype="XML" dynamicid="XML" winfileextension="xml" macfileextension="xml" file="Default-menu7.xml" writebyteordermark="false" mimetype="text/xsl">
<TITLE>
<MMString:loadString id="mmdocumenttypes_70" />
</TITLE>
<description>
<MMString:loadString id="mmdocumenttypes_71" />
</description>
<dtdcontext>none</dtdcontext>

    </documenttype>
although I would like to know here the trailing numbers come from.
to F:\Program Files\Adobe Dreamweaver CS5\configuration\DocumentTypes\MMDocumentTypeDeclarations.xml
<documenttypedeclaration id="mm_xslt_1">
<title></title>
<doctypedecl>
<![CDATA[<!DOCTYPE xsl:stylesheet [
    <!ENTITY nbsp   " ">
]>
]]>
</doctypedecl>
<rootelement>
<![CDATA[<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"></xsl:stylesheet>]]>
</rootelement>
    </documenttypedeclaration>
    <documenttypedeclaration id="mm_html_5">
<title>
<MMString:loadString id="mmdocumenttypedeclarations/mm_html_5" />
</title>
<doctypedecl>
<![CDATA[<!DOCTYPE html>]]>
</doctypedecl>
<rootelement>
<![CDATA[<html lang='en'></html>]]>
</rootelement>
<dtdcontext>html</dtdcontext>
<dtdcontext>frameset_frame</dtdcontext>
<dtdcontext>xslt</dtdcontext>
    </documenttypedeclaration>
    <documenttypedeclaration id="mm_menu7_XML">
<title>
<MMString:loadString id="mmdocumenttypedeclarations/mm_menu7_XML" />
</title>
<doctypedecl>
<![CDATA[<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="menu7.xsl"?>]]>
</doctypedecl>
<rootelement>
<![CDATA[<ul
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="menu7-2014-09-30.xsd">
<visitor priority="0.8" href="/index.html" title="HOME">
<visitor priority="0.8" href="//index.html" title="">
<visitor priority="0" href="/contactme.php" title="Contact me"/>
</visitor>
<visitor priority="0" href="/contactme.php" title="Contact me"/>
</visitor>
</ul>]]>
</rootelement>
<dtdcontext>xml</dtdcontext>
<dtdcontext>xslt</dtdcontext>
    </documenttypedeclaration>

Similar Messages

Code hints and Design view preview missing

Using FB with Flex sdk 3.3 and AFCS SDK 0.91. I installed the
SDK per the instructions in the ACFS dev guide. I then added the
FP9 afcs.swc to my project build path and compile for fp 9.0.124
The sample apps do compile and run.
However
1. I am getting no code hinting for the acfs classes
2. IN design view, the components show as white rectangles
with red x's and obscure the flex components
3. The design view>components view, the acfs folder is
empty, while the "custom" folder is full of acfs components.
Any idea as to what might be incorrect?
Thanks,
Will

Hi Will,
I think it turns out we made a slight error in the dev guide
in the setup instructions - we mention that you should link the
AFCS source into your project in order to debug. Unfortunately this
seems to override the useful metadata baked into the SWC which
makes the SDK work with FB more seamlessly.
Advice : Remove the source path, then go to the library
path. Where you see AFCS.swc, expand it and select "source
attachment". Hit the edit button and add the source path there.
This seems to do the trick, allowing you to debug into the code
without overriding the swc itself.
We'll get the docs fixed up to reflect this better way to
set up the SDK.
thanks
nigel

Image missing from design view

Hi. In DW CS4 on XP.
I have an image that is missing in my design view from DW. It shows up in the live view, but when I select it I cannot get the option to change the image.
I do not want to change the image in the code. It is not loading my new picture under the same filename for some reason.
I have all the visual aids shown except the first 2 listed: CSS layout backgrounds & box models.
I tired selecting all over the table this page is designed in. I cannot seem to select that picture missing. Right now it is a missing link & usually I am able to click the missing link box. I even tried opening it up in DW 8, but I am not even able to select the box, but at least I see it.
Please help if you can.
Thanks.

I would have said "Try renaming the folder containing the images in Rh's Project Manager. That sometimes fixes the problem. You can revert to the old name afterwards."
Keeping all the images, and / or topics, in the root is never a good idea. It can slow things down and it's messy.
You can move the images you can see but obviously you cannot move the others. Try moving a topic that has one of the images to a different folder and see if that refreshes. Also try deleting the CPD file and reopening Rh.
Backup first.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

Images Missing In Design view

Hello,
I am hoping to get some advice fixing the following DW
problem:
In WYSIWYG mode I can’t view any images while trying to
modify a .ASP page. I can see the code via code view. But
can’t see anything in the design view on my default.asp page.
I can see other pages correctly, with the exception of the
header include.
I seem to have had this issue in the past, like maybe with
Dreamweaver 3. I forgot what my settings fix was.
I have double checked with my work mates Dreamweaver CS2
settings. And we matchup perfectly with the exception that his
works and mine does not.
Help, I am running out of hair to pull out.
Thanks!

We operate off of a network drive so we can all see the same
files. We use checkout to keep from over writing each other. We
then have a staging server that we upload the files to to test.
Then we can deploy to a our live servers.
All of the code base has worked with no issues since 2000.
This includes our use of includes and our folder paths.
The only thing that is different is that I wiped the computer
I am currently using, which up until a week ago was using DW8, did
a clean install of the windows package, installed my licensed copy
of CS3 design studio, and completed all of the Adobe updates up
until yesterday.
We are using links relative to document. I have tried setting
it to site root, but that had no effect.
I have been using and setting up multiple .asp websites using
Dreamweaver since v3/UltraDev. I have also got a licensed copy of
CS3 on my notebook computer and do not have these issues.
I am thinking that I should un-install and do a clean
reinstall and see what that does.
There are some threads around the internet that my buddy
found that said to turn on DW8 then turn on DW9, it may take a few
times, but they got it to display the bits I am missing. I think
this is kinda cheesy, but I guess if it works...
Bill Strong
Webmaster
University of Virginia Bookstores

Design view, Bkg is missing..help

My web site pages look fine online. But, when I look at them
in DW CS3(local view) they are missing the Background styles. The
CSS says they are there and they are in my images folder but I
can't see them in design view. I could see them yesterday. And when
I upload the pages to the server they look fine online. Also, My
co-worker who is using DW8 can see them. He even uploaded a page
and then I downloaded it to my local and I still can't see the Bkg.
images...HELP

"gsanteWPP" <[email protected]> wrote in
message
news:go3vn6$e8c$[email protected]..
> My web site pages look fine online. But, when I look at
them in DW
> CS3(local
> view) they are missing the Background styles. The CSS
says they are
> there and
> they are in my images folder but I can't see them in
design view. I
> could see
> them yesterday.
You have probably turned off the display of styles by
accident. Go to
View > Style Rendering, and check that Screen Media Type
and Display
Styles are both selected.
David Powers
Adobe Community Expert, Dreamweaver
http://foundationphp.com

My pages are missing in design view ?? but not in live view?

I am using win 7 & DW5. I have not used DW% for more than a week. I need to update today and there is no page to work with? I don't know what to do? [email protected]

I have two sites up and running ... www.latheart.com and ... svwoodturners.org. Both are ok. This past weekl I installed chrome !@#$%^! didnot like it so I uninstalled it !@#$%^&! What a mess that caused. Some of the reg files had to be rewritten in the regesters also my photos also do not open automatically any more. The fonts were changed in almost everything. I think I have fixed most everything and then I found this problem with DW5. I do not know it that is related or how the htmls could even be affected. But both of my sites have the same issue. They will not dysplay in design view ..... Thanks for any help or suggestions. Rich Johnson San Jose Ca.
I don't know how to enter the code here ... I have cut and pasted and it creats the page with out the photos.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>The Brickyard RR</title>

<style type="text/css">
body {
background-image: url(images/Trains/ballest.jpg);
#title {
height: 250px;
width: 950px;
margin-right: auto;
margin-bottom: 5px;
margin-left: auto;
border: medium solid #F90;
position: relative;
#navbar {
height: 35px;
width: 950px;
margin-right: auto;
margin-bottom: 5px;
margin-left: auto;
border: medium solid #F90;
position: relative;
padding-left: 0px;
padding-top: 3px;
background-color: #FDFDDB;
#main {
height: auto;
width: 950px;
margin-right: auto;
margin-left: auto;
border: medium solid #F90;
position: relative;
background-color: #fdfddb;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
#main h2 {
text-align: center;
font-size: larger;
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />

<style type="text/css">
#main p a img {
border: medium solid #F90;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 40px;
</style>

</head>
<body>
<div id="title"><img src="images/Trains/traintitle.jpg" width="950" height="250" alt="title" /></div>
<div id="navbar">
<ul id="aboose" class="MenuBarHorizontal">
    <li><a href="rrindex.html" class="MenuBarItemSubmenu">RR Home</a>
      <ul>
        <li><a href="rrabout.html">About</a></li>
</ul>
    </li>
<li><a class="MenuBarItemSubmenu" href="rrstart.html">Our Story</a>
      <ul>
        <li><a href="rrfriends.html">Friends</a>        </li>
        <li><a href="rrpower.html">Power</a></li>
        <li><a href="rrmeanwhile.html">Track</a></li>
        <li><a href="rrmore.html">More Track</a></li>
        <li><a href="rrready.html">Ready</a></li>
      </ul>
    </li>
    <li><a href="rropenhouse.html" class="MenuBarItemSubmenu">Open House </a>
      <ul>
        <li><a href="rrsanjose.html">San Jose</a></li>
      </ul>
    </li>
    <li><a href=" " class="MenuBarItemSubmenu">Roster</a>
      <ul>
        <li><a href="rrmotivepwr.html">Motive Power</a></li>
        <li><a href="rrrollingstock.html">Rolling Stock</a></li>
        <li><a href="rrpassenger.html">Passenger </a></li>
        <li><a href="rrcaboose.html">Cabbose</a></li>
        <li><a href="rrcaboose.html">M. O. W.</a></li>
      </ul>
    </li>
</ul>
</div>

<div id="main">
<h2>Our Track Plan </h2>
<p><a href="images/Trains/trackplan.jpg"><img src="images/Trains/trackplan.jpg" width="850" height="668" alt="trackplan" /></a></p>
<h2>Our Yard</h2>
<p><a href="images/Trains/backyard.jpg"><img src="images/Trains/backyard.jpg" alt="yard" width="850" height="575" /></a></p>
<h2> <a href="rrstart.html">Follow along on a journey through the creation of the Brickyard Garden Railroad</a></h2>
<h2><a href="rrindex.html">Back to the top of the page</a></h2>
<p> </p>
<h2><a href="tindex.html">Woodturning</a></h2>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("aboose", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

In the latest update to Dreamweaver, tables guides/guidelines are missing when the border is set to 0. Before they used to show a guide in design view. Any idea on getting this back?

I noticed that under VIEW > VISUAL AIDS there is a table borders option. But that whole menu is grayed out.
For designing e-mails, this would be extremely useful.

Are you in Live or Design View?

HTML entity missing in Design View

Hi Folks,
When I use the HTML entity → (right arrow), it renders properly in browsers as an arrow, but it shows as an empty box in Dreamweaver Design View. This is common with some other special characters also.
Any idea as to why this happens?
Thanks.
Paul
Dreamweaver 8
Windows XP Pro SP3

I just tried it in DW8 and it works for me.
Pasted in code view. →
Are you using a valid document type?
<!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" />
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Can not see two fields in Crystal 2008 Developer explorer/designer view

I am currently developing crystal 2008 reports against the salesforce.com database using version 12.0.0.683 CR Developer Full version. I am using an updated driver that was provided in July or Aug 08 in order to view self referencing fields. The problem is that when I try and report against one of the tables (lead history) I cannot view two of the fields (New Value and Old Value)? I can see these two field (New Value and Old Value) in the database expert as the last two fields in the actual table, but the two fields are missing when I go into the explorer/designer view. In Salesforce, these two fields can not be filtered on, but I can export all the values in this table using Salesforece Apex data loader.

Please re-post if this is still an issue to the OnDemand Forum or purchase a case and have a dedicated support engineer work with you directly

What is it about this markup that breaks DW CS3 Design View Editing?

Folks:
I'm attaching very simple --and apparently completely valid-- markup that generates the text shown between the markers below:
------------start----------------
yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda badda.
------------end----------------
As you can see by examining the file, it contains only an span enclosing text and spaces, and some following breaks. This file passes DW validation: no errors or warnings.
If I open this file in DW CS3 Design View, select and delete the last word, "badda", the entire text --every "yadda"-- is also deleted. All that text is really gone -- if I immediately save the file and re-open it, there is no text content at all, just the span pair, spaces, and the trailing breaks. This is completely repeatable.
When you edit this file, do you get the same result?
The attached file is a cut-down, simplified version of a production file that exhibits this issue. (That file also passes validation.)   When I delete single words, entire content paragraphs disappear.   So this is not just a point of curiosity. I need to figure out how to fix the production code and avoid this problem in the future.
What is it about the attached markup that causes this issue? I've fooled around with this code quite a bit and the best I can figure out is that DW is confused when both the start- and end- span tags are followed immediately by a line break. Inserting a space in either place makes the issue go away.   But the production code doesn't have any occurances of this pattern. And, anyway, line-breaks have no significance to html, just for source-code formatting, right?
Am I missing something incredibly obvious?
TIA
hen3ry

Nancy O:
Thank you for your response, which gave me valuable clues to understanding the issues.   (Specifically, it led me to re-read and understand better the nitty-gritty of the HTML4 specs, section 7, "The global structure of an HTML Document", especially 7.5.1 The BODY element.)
I believe you are saying --in sum-- that to be reliably edited in DW, each source file must comprise a syntactically correct and complete HTML Document.
I am attaching a second file, "badcode2.html", modified substantially as you suggest. It passes the DW validator, the validator.w3.org test, and the www.totalvalidator.com test.    No errors or warnings.
I do this:   Launch DW, open this file, choose Design View if necessary, select the final word of text, "badda", and activate Edit-->Cut (or Delete).   As before, all the other text is deleted as well. This is repeatable.
It seems to me this sample code satisfies your general principle. Could I be misapplying the three validation tests? Or that passing these tests does not assure the document is syntactically correct and complete?   Can you recommend other tests?
I'd like to add the following two points as a matter of background and a bit of niggling:
--I'm aware that complete HTML pages must contain <html> , <head>, and <body> tags, although the HTML4 specification seems to say <body> tags are optional.   All my production pages, as served, contain these tags.   My underlying design is a php template with individual content files incorporated by inclusion.   There may be only one set of <html> , <head>, and <body> in a page. The "outer" template code provides these tags, and individual content files cannot contain a nested set -- so they must be "bare" markup.   Is DW able to support this design, in which "bare markup" files are seemingly unavoidable?    Is there a mechanism analogous to DW Design-Time Style Sheets to provide virtual existence of these tags so "bare markup" files can be successfully edited? I've looked for such a mechanism but not found one.    Or some completely different method?
--You specify the inclusion of <p> or <h1> tags within the body.    Is there some special significance of <p> or <h1> with respect to stable editing in DW? My reading of the HTML4 spec indicates that a single block element is the minimal requirement for body content. Either of these tags qualify, right?   But so does <div>, and that's what I use in my current example.    Am I misunderstanding something?
Bottom line, I'm looking for a pragmatic solution for my problem:   Once in a while, among hundreds of structurally similar "bare markup" pages I edit in DW without any problem, I lose data.   If inserting an additional tag into all my content include files eliminates these occasional problems, I'm willing to do that, as long as: (1) There is an arguable technical basis for the addition, (2) the added tag does not produce anything visible on the served page, and (3) the validators don't flag the extra tag.
Suggestions, please!
Thanks,
hen3ry

Images broken in design view on new computer paths leading to old harddrive?

I recently got a new imac and installed cs5 dreamweaver ( I was using dreamweaver 8 but it no longer works in mountain lion) . I redfined the site all was fine then I must have done something and now suddenly all my images are broken in design view and in brower and live view! The site shows the images online from the server but everything is broken in design view. The directory is a mess as I used way too may subfolders when I first did the site but it's too large to start over. I tried deleting the site from my harddrive all together and creating a new folder for it and just getting the entire site from the server but the images still don't show. I don't want to have to go to every page on the site and fix broken links! I can pull an image into a page by browsing to the folder on my harddrive but they are not appearing anymore on their own. If the images were uploaded originally from another computer and the folder being used now for the site on my harddrive is different that won't break the image paths will it? It all worked fine until a few days ago. What I don't understand is I thought the images wouldn't show if they were only on the server and not on my harddrive but since I just GOT the site from the server, all the images ARE now on my harddrive in the new folder so why still nothing showing? I I tried right clicking the broken images and showing design notes they seem to be lookin for a path to my old computer where the harddrive was named differently than it is now. Is there ANY way to fix this? What about renaming my harddrive to the old name?
Greatful for any advice but I am very much a newbie so not sure I will be able to do what I need to.
Mary Ann

Spaces in folder/filenames are not a good practice. Space are converted to %20 on the server. DW's Design View often can't reconcile this. Best advice is to remove the spaces and use underscores _ or hyphens -
Rename this:
http://www.thedqtimes.com/Jane_site/Lake%20Effects/lakeeffectsjdaughters.jpg
http://www.thedqtimes.com/Becky%20H%20stories/Untitled-1.jpg
To this:
http://www.thedqtimes.com/Jane_site/Lake_Effects/lakeeffectsjdaughters.jpg
http://www.thedqtimes.com/Becky_H_stories/Untitled-1.jpg
Also, you have a misplaced <head> tag. It needs to be above the Dynamic drive Javascript code.
<head>
<script> </script>
<style> <style>
</head>
Some pages are missing an HTML doc type declaration. This sends browsers into Quirks Mode.
Use validation tools to check for other code errors.
Code Validation Tools
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Nancy O.

PHP icon not showing in design view

I just ordered Studio 8 and currently working on the demo
version of Dreamweaver 8. I had been using FrontPage for many years
and I finally hit it's limitations. I am creating new pages from
scratch and not importing any of my older FrontPage web pages. I am
coding in PHP and noticed this nice php icon that shows in my
design view of where all my php code is. This FrontPage could never
do. I have a table that is doing multiple "include" calls. I am
able to successfully add 2 lines of code, which generates two php
icons in my design view. When I try to add a 3rd line of php code,
it removes all of the nice php icons in the design view. For the
rest of the document, if I add more code, then the icons will not
show up. The PHP is in the code view, but the design view is no
longer showing the php icon. Does anyone have any ideas on how to
make them show up permanently? This is one of many great features
of Dreamweaver that drove me to purchase it.

Thank you for the quick response. I went home and took a look
at my code. It matches pretty closely with what you offered as a
suggestion. That didn't seem to fix the issues I am having. Maybe
there is something I am missing that will stand out for you.
Here is a sample of it:
<td>Item Review 1</td>
<td><div align="center"><?php include('
http://www.mytestsite.com/review/stars_only_by_item_id_listing.php?item_id=5');
?></div>
</td>
<td><div align="center"><a href="
http://www.mytestsite.com/review/index2.php?item_id=5">
link</a></div></td>
</tr>
<tr>
<td>Item Review 2</td>
<td><div align="center"><?php include('
http://www.mytestsite.com/review/stars_only_by_item_id_listing.php?item_id=6');
?></div></td>
Thank you for any help you can offer. This one is really
stumping me. Could it be that I am using the demo version and not
the full version?

What is the replacement for design view in in flex builder 4.7 for cs extension builder?

Because design view is not available in flash builder than what is the use of extension builder in UI designing now we have to do design UI with xml which is very time consuming and boring if there is any replacemnt for it than please help me .1 more thing i want to know is that when i make new default project in extension builder(flash builder 4.6) than it also not able to load design mode errror is
C:\Program Files\Adobe\Adobe Flash Builder 4.6\eclipse\plugins\com.adobe.cside.libsinstaller_2.0.0.4-33034\archive\cslibs\2.0\4.5\re lease\apedelta.swc- not respondingSWC file failed to load. Any component dependent on this SWC file will not be displayed in the Design Mode.The SWC may have failed to load because of:
* Incompatible definitions caused by usage of a different SDK version
* Missing referred class definitions

I have researched this quite considerably and my understanding is that Adobe have no intention of supporting Design View any more for Extension Builder. In my opinion a very disappointing decision and one that is hard to comprehend.
The best workaround I can find is to create the majority of your design in a parallel, non Extension Builder, project and then convert/import your design into your Extension. This is by no means as satisfactory as having Design View for the Extension you are writing but it is better than simply creating your layout by guess work/trial and error.
Although this has not been announced by Adobe, I have a suspicion that the reason they have decided not to put any further resources into fixing Design View is that Extension Builder as we know it is going to be abandoned soon, probably replaced with an HTML5/JavaScript method of building extensions. My concern with this is that, other than wanting reassurances that there will be backward compatibility support for old extensions, There will not be a way of compiling an extension in a way that prevents people from seeing your code.
This is all speculation and I guess we will have to wait and see what happens. Hope this has helped.

Small images not showing in design view

Desperate for help! I've been trying to diagnose this for a
long time. For some strange reason, images that used to show up in
my design view are now displaying the 'missing image' icon. I've
narrowed it down to this--if the image is less than 8px high, the
image will not display. When I increase it to 8px or more high
(width does not have any bearing on it), the image is displayed.
Same exact image name, same placement, path, file type, etc. The
only variable changed is the image height. Someone please tell me
what is going on. By the way, this just started to happen. These
small images were displaying fine up until yesterday.

You have two id="header" elements on the page....
I can see both the 5px tall GIF and JPG images just fine in
CS4.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"peregrinedesign" <[email protected]> wrote
in message
news:gmiaur$bv$[email protected]..
> OK, but I'm not sure this will help. Here's the page:
>
http://www.capitaloandp.com/orthotics.php
>
> What you will see is correct, and when I preview with a
browser it is fine
> also, it's only the DW design view that is not showing
the small jpeg.
> On the right side, there are two small black rectangles.
The one on the
> left
> is a gif, and the one on the right is the jpg. They were
both exported
> from the
> same original Fireworks file. I have tested using
Photoshop also.
>
> Thank you for your attention to this.
>

CSS is not showing in design view

Hello, I wonder if anyone can help. I would appreciate very
much if you can... I have read all the css related problems, but
did not see the problem I am having.
Anyway, I have done a website template for someone and I gave
it to him to update the contents. However, on his dreamweaver
Design view, the css does not support it at all so it looks all
messy. Though when he preview it on IE, this is all fine. I have
made templates and css files with dreamweaver and I can view
everything fine. He seems to have the same version of DW (MX 2004)
so I am not sure how this happens. We were looking in everything
(including goofy css as someone says on this forum), but have no
luck so far. Here is my link and I pasted my css here.
http://www.norithefish.com/index2.html
Many thanks for this.
Noriko
/* HTML tag styles */
body
{background: #cccccc; font-family: Verdana, Arial, Helvetica,
sans-serif;
font-size: small; color: #000000; font-weight: normal}
a { color: #333333; text-decoration: none }
a:active { color: #666666; text-decoration: none }
a:hover { color: #CC3300; text-decoration: underline }
.bodytext { font-size: small; color: #000000; font-weight:
normal}
.smalltext { font-size: x-small; color: #000000; font-weight:
normal}
.smalltextw { font-size: x-small; color: #ffffff;
font-weight: normal}
.title{ font-size: 1.5em; font-weight: bold; color: #CC3300}
.wbracket{ font-size: small; font-weight: normal; color:
#ffffff}
.smalltitle { font-size: 1em; font-weight: normal; color:
#666666}
.sub { font-size: small; font-weight: bold; color: #ffffff }
.foot { font-size: x-small; font-weight: normal; color:
#000000}
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #cc3300
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.15em;
color: #cc3300
h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
color: #666666
ul{
list-style-type: square;
ul ul{
list-style-type: disc;
ul ul ul{
list-style-type: none;
/* Layout Divs */
#pageNav{
float: left;
width:21.3%;
top:10px;
padding-left: 0px;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
#content{
width:75%;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 1px 20px;
/* Component Divs */
#siteName{
margin: 0px;
padding: 16px 0px 8px 0px;
color: #ffffff;
font-weight: normal;
/************** feature styles *****************/
.feature{
padding: 0px 0px 0px 0px;
font-size: 100%;
/************* #siteInfo styles ***************/
#siteInfo{
clear: both;
font-size: 100%;
background-color: #999999;
padding: 0px 0px 0px 0px;
border-top: 1px solid #666666;
/************* #smalltitle styles ***************/
#smalltitle{
clear: both;
background-color: #ffffff;
font-size: 100%;
padding: 0px 0px 0px 0px;
border-top: 1px solid #CC3300;
border-bottom: 1px solid #CC3300;
/*********** #sectionLinks styles ***********/
#sectionLinks{
position: relative;
width: 150px;
margin: 0px;
padding: 0px;
border-bottom: 1px solid #cccccc;
font-size: 90%;
#sectionLinks a:link{
font-size: 1.15em;
padding: 2px 0px 5px 10px;
border-top: 1px solid #cccccc;
width: 100%;
width: auto;
#sectionLinks a:visited{
font-size: 1.15em;
border-top: 1px solid #cccccc;
padding: 2px 0px 5px 10px;
#sectionLinks a:hover{
font-size: 1.15em;
border-top: 1px solid #cc3300;
background-color: #dddddd;
padding: 2px 0px 5px 10px;
/*********** .frame styles ***********/
.frame {
width: 700px;
left: 50%;
padding-top: 0px;
margin-left: -350px;
margin-top: 0px;
position: absolute;
visibility: visible;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
background-color: #ffffff;
.bg {
height: 1px;
background-color: #cccccc;
width: 100%;
/*********** #pageNav link styles ***********/
#pageNav ul a:link, #pageNav ul a:visited {display: block;}
#pageNav ul {list-style: none; margin: 0; padding: 0;}
/* hack to fix IE/Win's broken rendering of block-level
anchors in lists */
#pageNav li {border-bottom: 1px solid #EEE;}
/* fix for browsers that don't need the hack */
html>body #pageNav li {border-bottom: none;}
/********************* end **********************/

> *** you are missing <li> at the beginning of the
line and </li> at the end
> or you want to remove the </li> from the previous
lines.
Or move the image within the existing pair. You cannot have
that
construction, though -
<li>blah</li>
<img>
<li>blah</li>
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"josie1one" <[email protected]> wrote in message
news:[email protected]...
> It sounds to me as if it's a path issue.
> Your path is this:
> <link rel="stylesheet" href="styles/inside.css"
type="text/css">
>
> Does he have a folder called "styles" within which
should be the
> stylesheet?
>
> You have a couple of code problems (I'd say unrelated to
your question).
> <li><a href="1-about.html">Order your Tshirt
</a></li>
> <img src="ferrari_team_polo.jpg" alt="photo of a
T-shirt" width="120"
> height="180">***
> <li><a href="1-about.html">Order your
cap</a></li>
> <img src="ferrari_cap.jpg" alt="photo of a cap"
width="120"
> height="75"><br>***
>
> *** you are missing <li> at the beginning of the
line and </li> at the end
> or you want to remove the </li> from the previous
lines.
>
> and according to
>
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.norithefish.com%2Findex2.html
>
> you have an extra </div> a couple of lines above
the </body>
>
>
> --
> Jo
>
>
>
>
>
> "norithefish" <[email protected]> wrote
in message
> news:[email protected]...
>> Hello, I wonder if anyone can help. I would
appreciate very much if you
>> can...
>> I have read all the css related problems, but did
not see the problem I
>> am
>> having.
>>
>> Anyway, I have done a website template for someone
and I gave it to him
>> to
>> update the contents. However, on his dreamweaver
Design view, the css
>> does not
>> support it at all so it looks all messy. Though when
he preview it on IE,
>> this
>> is all fine. I have made templates and css files
with dreamweaver and I
>> can
>> view everything fine. He seems to have the same
version of DW (MX 2004)
>> so I am
>> not sure how this happens. We were looking in
everything (including goofy
>> css
>> as someone says on this forum), but have no luck so
far. Here is my link
>> and I
>> pasted my css here.
>>
>>
http://www.norithefish.com/index2.html
>>
>> Many thanks for this.
>> Noriko
>>
>> /***********************************************/
>> /* HTML tag styles */
>> /***********************************************/
>>
>> body
>> {background: #cccccc; font-family: Verdana, Arial,
Helvetica, sans-serif;
>> font-size: small; color: #000000; font-weight:
normal}
>>
>> a { color: #333333; text-decoration: none }
>>
>> a:active { color: #666666; text-decoration: none }
>>
>> a:hover { color: #CC3300; text-decoration: underline
>>
>> .bodytext { font-size: small; color: #000000;
font-weight: normal}
>>
>> .smalltext { font-size: x-small; color: #000000;
font-weight: normal}
>>
>> .smalltextw { font-size: x-small; color: #ffffff;
font-weight: normal}
>>
>> .title{ font-size: 1.5em; font-weight: bold; color:
#CC3300}
>>
>> .wbracket{ font-size: small; font-weight: normal;
color: #ffffff}
>>
>> .smalltitle { font-size: 1em; font-weight: normal;
color: #666666}
>>
>> .sub { font-size: small; font-weight: bold; color:
#ffffff }
>>
>> .foot { font-size: x-small; font-weight: normal;
color: #000000}
>>
>>
>> h1 {
>> font-family: Verdana, Arial, Helvetica, sans-serif;
>> font-size: 1.5em;
>> color: #cc3300
>> }
>> h2 {
>> font-family: Verdana, Arial, Helvetica, sans-serif;
>> font-size: 1.15em;
>> color: #cc3300
>> }
>> h3 {
>> font-family: Verdana, Arial, Helvetica, sans-serif;
>> font-size: 1em;
>> color: #666666
>> }
>>
>> ul{
>> list-style-type: square;
>> }
>>
>> ul ul{
>> list-style-type: disc;
>> }
>>
>> ul ul ul{
>> list-style-type: none;
>> }
>>
>>
>> /***********************************************/
>> /* Layout Divs */
>> /***********************************************/
>>
>> #pageNav{
>>
>> float: left;
>> width:21.3%;
>>
>> top:10px;
>> padding-left: 0px;
>> border-bottom: 1px solid #cccccc;
>> border-right: 1px solid #cccccc;
>> }
>>
>> #content{
>> width:75%;
>> float: left;
>> padding: 0px 0px 0px 0px;
>>
>> margin: 0px 0px 1px 20px;
>>
>> }
>>
>>
>> /***********************************************/
>> /* Component Divs */
>> /***********************************************/
>> #siteName{
>> margin: 0px;
>> padding: 16px 0px 8px 0px;
>> color: #ffffff;
>> font-weight: normal;
>> }
>>
>>
>> /************** feature styles *****************/
>>
>> .feature{
>> padding: 0px 0px 0px 0px;
>> font-size: 100%;
>>
>>
>> }
>>
>>
>>
>> /************* #siteInfo styles ***************/
>>
>> #siteInfo{
>> clear: both;
>>
>> font-size: 100%;
>> background-color: #999999;
>> padding: 0px 0px 0px 0px;
>> border-top: 1px solid #666666;
>> }
>>
>> /************* #smalltitle styles ***************/
>>
>> #smalltitle{
>> clear: both;
>>
>> background-color: #ffffff;
>> font-size: 100%;
>> padding: 0px 0px 0px 0px;
>> border-top: 1px solid #CC3300;
>> border-bottom: 1px solid #CC3300;
>>
>> }
>>
>>
>>
>> /*********** #sectionLinks styles ***********/
>>
>> #sectionLinks{
>> position: relative;
>> width: 150px;
>> margin: 0px;
>> padding: 0px;
>> border-bottom: 1px solid #cccccc;
>> font-size: 90%;
>>
>> }
>>
>>
>>
>> #sectionLinks a:link{
>> font-size: 1.15em;
>> padding: 2px 0px 5px 10px;
>> border-top: 1px solid #cccccc;
>> width: 100%;
>>
>> width: auto;
>> }
>>
>> #sectionLinks a:visited{
>> font-size: 1.15em;
>> border-top: 1px solid #cccccc;
>> padding: 2px 0px 5px 10px;
>> }
>>
>> #sectionLinks a:hover{
>> font-size: 1.15em;
>> border-top: 1px solid #cc3300;
>> background-color: #dddddd;
>> padding: 2px 0px 5px 10px;
>> }
>>
>>
>>
>>
>> /*********** .frame styles ***********/
>> .frame {
>> width: 700px;
>> left: 50%;
>> padding-top: 0px;
>>
>> margin-left: -350px;
>> margin-top: 0px;
>> position: absolute;
>> visibility: visible;
>>
>> border-top: 1px solid #999999;
>> border-bottom: 1px solid #999999;
>> border-right: 1px solid #999999;
>> border-left: 1px solid #999999;
>> background-color: #ffffff;
>> }
>> .bg {
>> height: 1px;
>>
>> background-color: #cccccc;
>> width: 100%;
>> }
>>
>> /*********** #pageNav link styles ***********/
>>
>> #pageNav ul a:link, #pageNav ul a:visited {display:
block;}
>> #pageNav ul {list-style: none; margin: 0; padding:
0;}
>>
>> /* hack to fix IE/Win's broken rendering of
block-level anchors in lists
>> */
>> #pageNav li {border-bottom: 1px solid #EEE;}
>>
>> /* fix for browsers that don't need the hack */
>> html>body #pageNav li {border-bottom: none;}
>>
>> /********************* end **********************/
>>
>>
>>
>>
>
>

Design View is missing.

Similar Messages

Maybe you are looking for