Why do .asp pages not show in Design view

I have been asked to take over a website
built with .asp. Originally the pages all showed perfectly and I was able to amend. However, recently some pages will only open
displaying code - not html but computer code. This is a small excerpt from one of the pages. I would so appreciate some help. I use Dreamweaver 8.
佄呃偙⁅瑨汭倠䉕䥌⁃ⴢ⼯㍗⽃䐯䑔堠呈䱍ㄠ〮吠慲獮瑩潩慮⽬䔯≎∠瑨灴⼺眯睷眮⸳牯⽧剔砯瑨汭⼱呄⽄桸浴ㅬ琭慲獮瑩潩慮⹬瑤≤ാ㰊瑨汭氠湡㵧攢≮砠汭獮∽瑨灴⼺眯睷眮⸳牯⽧㤱㤹砯瑨汭•浸㩬慬杮∽湥㸢਍†格慥㹤਍††琼瑩敬吾敨倠楲牯⁹桃牵档漠⁦湅汧湡牐浩牡⁹捓潨汯›ഭ㰊ⴡ⌭湩汣摵⁥楦敬∽湩⽣慰敧瑟瑩敬椮据ⴢ㸭⼼楴汴㹥ℼⴭ⼠⼯⼯⼯⼯⼯⼯⼯⼯⼯⼯⼯⼯⼯⼯⼯
Thank you if you can throw any light on this problem

Hi,
I qoute from Adobe Help page:
If you plan to develop dynamic pages, Dreamweaver needs the services of a testing server to generate and display dynamic content while you work. ...here is the link:
http://help.adobe.com/en_US/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-79e0a .html
Hans-G.

Similar Messages

PhpBB2 source code does not show in design view /CS3

I would like to customize a php bulletin board.
The default bulletin board page does not show in design view.
Is there a way to do it , such that php code can be written
by DreamWeaver via the design view ?

> The files I am trying to edit, or that is think I should
be trying to edit ,
> are
> index.php , and in the includes file template.php
If I am sorting this out correctly, which i am _not_ sure of
at the moment:
those aren't .tpl files.
they are .php files, and are part of the forum. They aren't
displaying in
design view because they are all php.
You need to find and edit the template files.
In previous link given:
http://www.phpbb.com/community/viewtopic.php?t=10764
<q>
So where do I find these great 'templates'?
Look in /templates/subSilver (thoroughout the FAQ I will be
using subSilver,
the default template. If you are using a different template
then change the
folder you look in accordingly). You will see a collection of
files there.
The templates are the ones with the file extension '.tpl' The
majority of
files in that folder are .tpl files. </q>
strongly suggest you make a backup copy of anything you try
to touch.
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

Chinese Characters not showing in Design View

Version: DW MX 2004
I have a file I created in FrontPage and am now migrating
over to DW. Most of the language on the page is English, with a
portion of Chinese.
My Chinese characters do not show up in Design View, but when
I preview or upload the page to the server (live), they show up ok
in IE and FF. Everything worked fine in FrontPage.
Why can't I see them in Design View? I have looked in the
Help for languages, character sets, etc.

Once again, no one seems to know much about this question.
(I've noticed it's gone unanswered in previous years.)
In the Knowledgebase, I find only this: "Encoded HTML
documents created outside of Dreamweaver may not display correctly
in Dreamweaver. This includes documents that have been hand-coded
or created in another HTML editor."
This was updated in March, 2006.
Which leads me to say, bugger. I guess there's little point
in accommodating those 1.2 billion Chinese.

Lists not showing in Design view

If I preview page in browser, I can see the bulleted list,
but it is not visibile in design view, pretty annoying. Anyone know
why this might be happening? I validated my code and got no
errors...

Open any html page
either type the element in code view, say h1. Hello
it doesn't show up in Design View (It's visible in Live view however)
Or,
In Design View type Hello (yes, it's visible!)
Highlight Hello, then right click (I use a 2 button mouse) select from the pop-up menu and format the hello as h1. Hello
It disappears from the design view... (yes, it's visible in Live View)
Menu spry's and other "widgets" inserted do not display correctly in Design View, but display Okay in Live view
(This behaviour did not happen in CS4)
Mo Eb , Garry
*** http://uofgts.com
** [email protected]
o "Beer is living proof that God loves us and wants us to be happy."
-Benjamin Franklin, American statesman and diplomat, (1706-1790 ).

VB code not showing in Design View

I am working with a form that has VB code for validation and need to style it with CSS. The problem is the form is not visible in Design View. The code is there, the page renders and works fine in a browser but has anyone seen this issue before? I have a similar form that uses C# and it shows up fine in Design view.
the page is here: http://www.housing.ucsb.edu/digiknow/digiknow_form.aspx

Display problems are most often caused by malformed code or an imbalance in opening and closing <div> tags. Try validating your code and fix reported errors.
           Code Validation Tools
          CSS - http://jigsaw.w3.org/css-validator/
          HTML - http://validator.w3.org/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Why is my page not centered in browser view?

I am working on my home page. I set the container dimension to 700px and max width 960. I have tried other sizes. every time in Windows browser view my site shifts to the left with a large margin on the right. I can't get it to center. I have an error message saying :
Unsupported property: max-width
Affects: Internet Explorer 6.0; Internet Explorer for Macintosh 5.2
In Live View, it looks fine. Also, in browser view, my spry menu bar is not showing up (it does in Live View).
Anyone have any suggestions??
Thanks! M.

kcusu wrote:
.container {
width: 700px; /* the auto value on the sides, coupled with the width, centers the layout */
background-color: #FFFFCE;
max-width: 960px;
text-align: center;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
If this is the real code, your CSS is missing a closing bracket }
It would be soooooo much simpler and quicker for everyone if you would upload your page to your remote web space and post a link for us to see it in our browsers.
My guess is that your code has validation errors that need fixing.
Code Validation Tools
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
FYI: Browser compatibility checking is a total waste of time. You can skip that feature b/c it doesn't tell you anything useful.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

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?

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 Changes not showing in Design View

I'm just coming over from GoLive (and their layout grid) so
I'm not entirely familiar with DreamWeaver CS3 and CSS.
However, whenever I make changes in a CSS sheet (and save
them) they are not immediately rendered in the Design View. They
show up just fine if I "Preview in Browser" though. I can even
close the html page and reopen it and sometimes they will show up,
but not usually. Oh, and the "Refresh Design View" button is greyed
out and doesn't do anything.
Thanks,
Dan

Yes, that seems to be the case. I ran a validation check on
the html page (it was coded in XHTML 1.0 strict) and came up with 2
errors related to the CSS features I was trying to use.
Thanks!

Images and styles not showing in Design view on CS3

Hi all,
I am playing around with a CSS website template that I downloaded and
opened in DW-CS3. I am just using this to learn and play around with. It
came with the style sheet, jpg images etc.
I just noticed that when in Design view for the index page, that the images
and styles, menus are not displaying, only the html text is visible in Design view.
When I preview the site with a browser like IE or FF, it displays fine along with
any changes I have made.
Does anyone have any ideas?
Regards,
dano

In DW, View > Style Rendering > Display Styles on?
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

PHP Include not showing in design view

One of the advantages of Dreamweaver is the ability to see
the result of your code in the Design view. I am building a
template set for a web site I'm starting, and will be using the
template files in various paths and path depths. As a result, I am
not interested in using relative paths for things like PHP
includes.
If I use the following code for an include, the 'main.php'
file is included in the design view:
<?php include('/includes/templates/main.php'); ?>
When uploaded to the Apache server, this does not display
properly, because it is looking for the file in the user root, not
the Apache document root.
The portable code solutions to this would be to use the
following code:
<?php
include($_SERVER['DOCUMENT_ROOT'].'/includes/templates/main.php');
?>
This shows perfectly when uploaded to the Apache server, but
of course does not show in the Design view of Dreamweaver.
It is ridiculous to think that someone would want code one
way to see in the design view, and another for the web server, so I
am assuming that there is a way to do this so that it works both in
the desing view and on the web server.
I have had limited success using:
<?php virtual('/includes/templates/main.php'); ?>
which shows up in both the design view and on the web server.
However, I've experienced problems using virtual calls in scripts
called by the virtual command. I.e. nested inclusions. It would be
important to note that PHP's own documentation states "This
function may be used on PHP files. However, it is typically better
to use include() or require() for PHP files.", along with other
warnings.
So, basically, what I am asking for is a solution to allow
the following code to work and show the included file in the design
view:
<?php
include($_SERVER['DOCUMENT_ROOT'].'/includes/templates/main.php');
?>
Any suggestions?
BTW, I have tried setting the PHP include_path to the web
root so that the first example above would work. Doesn't work. I
have full, unrestricted access to the server, so if there is
another setting or configuration change I can make to have the
include function default to the web root, I'd love to know what it
is.

quote:
Originally posted by:
Newsgroup User
It does that with all server-side includes, not just PHP. It
only shows
the HTML content of includes. To see dynamic output from a
server-side
language, you need to use Live Data view.
I'm not referencing dynamic output from PHP processing. I am
referencing includes. When using an include, Dreamweaver shows you
exactly what it would show you if you were looking at the included
file itself.
However, Dreamweaver makes the assumption that <?php
include('/inc/test.php'); ?> is a path located in the web server
document root. This is not the same assumption that web servers
make.
The Apache web server (at least the several that I use),
treat this same include as a request for /inc/test.php off of the
root of the server. To achieve the same include, relative to the
web document root, the include must be <?php
include($_SERVER['DOCUMENT_ROOT'].'/inc/test.php'); ?>.
Unfortunately, Dreamweaver does not understand this basic syntax
and will not show the included file in the design view.
The bottom line is that Dreamweaver could make it much
simpler to build portable code if it understood this syntax on the
include. You could take place that include in any location on your
site and it would pull the include from the proper location in both
your design view and on the web server.
Keep in mind that we establish a "document_root" when we set
up a site in Dreamweaver. The information is already there. The
handling of it just needs to be added to the include parser.

Inserting tabbed navigation code makes my web page not display in design view..

Hi everyone..
I am on Dreamweaver 8 for MAC, and was working on a couple of web pages..these pages included divs and tables. But when I tried inserting a tabbed navigation I found at:
http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm
In a nutshell, it asked me for step 1 to:
Step 1: Insert the below CSS and script into the HEAD section of your page:
<link rel="stylesheet" type="text/css" href="tabcontent.css" />
<script type="text/javascript" src="tabcontent.js">
* Tab Content script v2.2- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
</script>
The next step was this:
Step 2: Finally, simply add the below HTML to where you wish the Tab Content to appear on the page:
<h3>Demo #1- Basic implementation</h3>
<ul id="countrytabs" class="shadetabs">
<li><a href="#" rel="country1" class="selected">Tab 1</a></li>
<li><a href="#" rel="country2">Tab 2</a></li>
<li><a href="#" rel="country3">Tab 3</a></li>
<li><a href="#" rel="country4">Tab 4</a></li>
<li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>
</ul>
<div style="border:1px solid gray; width:450px; margin-bottom: 1em; padding: 10px">
<div id="country1" class="tabcontent">
Tab content 1 here<br />Tab content 1 here<br />
</div>
<div id="country2" class="tabcontent">
Tab content 2 here<br />Tab content 2 here<br />
</div>
<div id="country3" class="tabcontent">
Tab content 3 here<br />Tab content 3 here<br />
</div>
<div id="country4" class="tabcontent">
Tab content 4 here<br />Tab content 4 here<br />
</div>
</div>
<script type="text/javascript">
var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
</script>
<p><a href="javascript:countries.cycleit('prev')" style="margin-right: 25px; text-decoration:none">Back</a> <a href="javascript: countries.expandit(3)">Click here to select last tab</a> <a href="javascript:countries.cycleit('next')" style="margin-left: 25px; text-decoration:none">Forward</a></p>
<hr />
Well, I did all the steps required, but when I put this inside a div I had inside a table, all of a sudden I couldnt see anything in my design view, only two tables that arent even the same size..When I take out all this code, I get back my regular page..Can I see this tabbed navigation in my design view? Unfortunately, I dont have the spry widgets since I am on Dreamweaver 8..If I preview it in both Safari and Firefox (on Mac Firefox/3.0.8) (Safari 3.2.1) I can see everything fine, including the tabbed navigation..But designing in code isnt really helpful because I want to see what it looks like in design view, in case we change things-its just easier for me to work on..So I assume there is something in this code that is making my design view show nothing..
Update:I tried taking out the code again, but this time, I couldnt see anything again, even without this code..
I know that I can go to validation website, and I got a lot of errors-but all the pages I have that are in the same style have those same errors too—and they display fine..its only when I insert this specific piece of code that everything goes haywire..Is it even possible to view tabbed navigations (like the one in the above link) inside of Dreamweaver Design View?
Any help would be appreciated..

DW8 doesn't render any dynamic content, so I'd say it's a no go. You'll just have to live with that limitation or upgrade to CS4...
Mylenium

RH9 topics do not show in design view

Hi,
I am currently putting up a documentation project for my customer, but I have an issue with created topics.
My structure is as follows:
welcome topic
map
     subtopics
     map
          subtopics
          map
               subtopics
     map
          subtopics
          map
               subtopics
It's about the topic levels in bold.
Here, I create a topic. Normally, you then fill in the name in the New Topic popup window (Topic Title field), you click OK and the topic is created and opened. Well, in my case, only the topic name is created in the project manager pod, the topic is not opening. I cannot open it afterwards, either. I don't get an error message or nothing.
How is this possible?
Is it maybe because the name of the topic is too long? Or the names of the above lying maps? Is there a restriction in number of characters for topics and/or maps?
thanks
Ynske

By "header/footer" tags, Ken means "<html>,
<head>, or <body>" tags - you
have none of those in your files being included, do you?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Henry Anthony" <[email protected]> wrote in
message
news:f2skgv$aej$[email protected]..
> Ken,
>
> I inherited the site. To work on it in Dreamweaver, I
had to create the
> site
> definition. So, the site was defined after it was built.
The include files
> are
> fine. No header/footer tags. I assumed the includes
would show when I
> opened a
> file but they will only show if I reinsert the include
while in design
> view.
> Upon examination of the code after the reinsert, there
is no change.
>
> Thanks,
> Henry
>

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 **********************/
>>
>>
>>
>>
>
>

Why does my page look great in design view and to the left in live view?

I just created a new page using a fluid grid layout and in "design" view it looks great but in "live" view or on a browser preview the wording all goes to the left. What I am doing wrong? I also have another question which may relate to the first. I have four templates. Do I create a new named .css file for each new template or continue using the same layout.css file for all templates? Since I created a new .css file for every template maybe it is causing confusion. Thanks in advance.

If this is what you want, rework your HTML so all three images are in the same div and adjust your css to narrow the scroll down image and on Order jpg, vertically align top, 30px margin.
<div id="header">
<div id="pic1">
<img src="Thumbs/Scroll-Down.jpg" alt="More Pictures">
<img class="goldborder" src="NewImages/englilshivymain.jpg" alt="">
<a href="#OrderHere2">
<img alt="Order Here" src="Thumbs/OrderHere.jpg">
</a>
<br>
English Ivy (Detail)
</div>
<div id="pic4">

Why do .asp pages not show in Design view

Similar Messages

Maybe you are looking for