Getting DW to show files in Design View

We have a set of HTML based templates that we use that all have the extension .vm
These files are used in an internal system, that allows us to swap out information when they are accessed.
When I open the files in dreamweaver it gray's out the split and design view buttons.
If i change the extension to .htm, the buttons are accessable.
There are a ton of these template files, is there anyway to get DW to always turn on the split and design buttons, so i do not have to change the extension of the files each time I need to access them?
I have already added them to the list of extensions in the preferences tab, but this only allows DW to open the files, and does not seem to enable the split and design buttons
Thanks,

ok .. so I opened the extensions.txt file .. added the line
VM: VM Files
removed .vm from the 'open in code view' list under preferences
restarted DW, and The buttons are still grayed out.
I have also tried adding VM to the first line of the extensions.txt file designating it as an HTML file. Still nothing.
Any Ideas?
Thanks,
***EDIT***
I was finally able to get it to work using that url you provided.
I have to say .. this is most un-user friendly way to go about this I have ever seen.
thanks though for your reply

Similar Messages

Cant get inc files into design view

Hi Group,
in spite of following step by step the manual in switching dw
to show inc files in design view I cannot make it happen.
Use dw mx 2004 (english) and win xp sp2 (german)
Something goes wrong don't know what it is?
Any hint is appreaciated
rgds
rasterpit

AND no links to external CSS files, or embedded CSS rules,
either.
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
==================
": Nadia : ** ACE - Adobe Community Expert **"
<[email protected]> wrote in message
news:eqv4nl$b3q$[email protected]..
> "rasterpit" <[email protected]> wrote
in message
> news:eqv4hr$au4$[email protected]..
>> Alan,
>> no you are right the inc files do contain head and
body tags.
>> does this mean I have to change the code from all
these inc files?
>> Any other trick to geht them in design view like in
dw4?
>>
>> if so what would be the minimum header footer tag
for the inc files? just
>> body
>> or what?
>
>
>
> No body, no head tags allowed :-)
>
>
> --
> Nadia
> Adobe® Community Expert : Dreamweaver
> ----------------------------------------
> CSS Templates |Tutorials |SEO Articles
>
http://www.DreamweaverResources.com
> ~ Customisation Service Available ~
>
http://www.csstemplates.com.au
> ----------------------------------------
> CSS Tutorials for Dreamweaver
>
http://www.adobe.com/devnet/dreamweaver/css.html
>

TXT Files in Design View

I use a lot of TXT files as INCLUDE files in various pages.
When I used Dreamweaver 4 I had no problem editing a TXT file just
like any HTML file and using DesignView. When I get going with
Dreamweaver MX2004 I figured out how to do it. But I had to
reinstall DW MX2004 and cannot get it to look at a TXT file in
anything but CodeView - or call NotePad to edit it.
I have already removed .txt from "OPEN IN CODE VIEW". I have
tried going to MMDocumentTypes.xml and setting the Text type to
HTML - which is what I thought I had used before. That didn't work.
I've tried various combination of editing the Extensions.txt file,
too - with and without the MMDocumentTypes.xml file.
I know there is a way to do it - but cannot find the
way!!

I finally figured out how to work with TXT files in Design
View...
1. Go into MMDocumentTypes.xml and set the Text type to HTML
2. in PREFERENCES Remove the .TXT type from OPEN IN CODEVIEW
3. in PREFERENCES add the EXTENSION .txt and add Dreamweaver
as the EDITOR
The HTML in a TXT file shows up and is editable just as in an
HTML document

No images show up in Design View. Help please......!!!

Trying to edit an existing webpage in Dreamweaver CS5. I already defined a site which is the local folder of the existing webpage. However, I was just unable to display any images in Design View. My inline CSS codes are:
<STYLE type=text/css>
margin: 0px;
padding: 0px;
#mainpage {
background: #F4FBFF url(\Images\img01.jpg) repeat-x;
<style>
The reference to the image is correct. It's just under the Image folder of the defined site. However I just couldn't manage to get the background image showing up in Design View. If I edit the above CSS codes as a seperate style file and link it to the webpage, yes I can see the image in Design View. But I just don't understand why the inline CSS codes don't work.
Can anyone help me, please?
Many thanks!
Tony

Thanks Gary, the codes are as follows:
<!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>HomeDirect UK</title>
</head>
<TABLE style="TEXT-ALIGN: center; WIDTH: 100%" id=mainpage cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD>
<STYLE type=text/css>
margin: 0px;
padding: 0px;
#mainpage {
background: #F4FBFF url(http://public.blu.livefilestore.com/y1pvaUcSfqJX_vpAfvt3F-FKvuxFRQhu3uvKV_RwxW84lJUKkT_t6K gVgi_1QzVRI1N-a68GiJOnAxK6ZMqo7RPTg/default.jpg?psid=1) repeat-x;
body, th, td, input, textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
p, ol, #box p, #content #DescriptionHolderStart
padding: 10px;
h1, h2, h3 {
color: #449BC7;
h1 {
font-size: 3em;
h2 {
text-transform: uppercase;
font-size: 1.1em;
font-weight: bold;
color: #449BC7;
h3 {
font-size: 1em;
ul, ol {
margin-left: 3em;
a {
text-decoration: underline;
color: #449BC7;
a:hover {
border: none;
text-decoration: none;
h1 a, h2 a, h3 a {
border: none;
text-decoration: none;
color: #449BC7;
h1 a:hover, h2 a:hover, h3 a:hover {
background: none;
color: #449BC7;
hr {
display: none;
#main
width: 780px;
margin: 0 auto;
/* Header */
#header {
width: 780px;
margin: 0 auto;
height: 134px;
#menu {
float: left;
height: 41px;
background: url(http://public.blu.livefilestore.com/y1phi9GHmE3F0irXty3C31B43OePhV8GmIOLK64vPvnpGtcFks-Go6 15K9SA8u2D5eWDGABjs-SLdqOIRraFv0hrQ/menu.png?psid=1) no-repeat;
width: 780px;
#menu ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
text-align: center;
#menu li {
display: inline;
line-height: 41px;
padding: 0 15px;
#menu a {
text-decoration: none;
font-size: 1.1em;
font-weight: bold;
color: #ffffff;
#menu a:hover {
text-decoration: underline;
/* Logo */
#logo {
width: 780px;
height: 93px;
margin: 0 auto;
text-align: right;
#logo h1 {
padding-right: 20px;
color: #ffffff;
padding-top: 20px;
font-size: 24px;
#logo h2 {
font-style: italic;
font-size: 10px;
padding-right: 20px;
color: #FFFFFF;
/* Page */
#pagewrap {
background: url(http://public.blu.livefilestore.com/y1pUaAYOMeU53ghE9O9vmx95qUq0d8LmL3OMYt5xvzp-6JcIKacky7 VsUYbF3zT2wWyh3glyCehjZy1CyGCwNSSXg/top.png?psid=1) no-repeat;
padding-top: 10px;
#page {
margin: 0 auto;
background: #ffffff url(http://public.blu.livefilestore.com/y1pnuj2ggXyk4aXFSPSIAZ0u67WmWfUELRjzSphGE2geSnxwiVZseh ix7xcCgdYx08UfkQt_CEU5lJHrePgf0N-Kw/back.gif?psid=1) repeat-y top;
border-top: none;
text-align: left;
#table1 table {
margin: 0 auto;
#top
height: 10px;
width: 780px;
#bottom
background: url(http://public.blu.livefilestore.com/y1pF6nb6pvwZ0cALhyy-bczUIfHr4O2pceHm6M-gtSxIVRhjGt8PgX ndba2VeweHjDmUPI1uTEIPf7mbmH_BULb5g/bottom.gif?psid=1) no-repeat;
height: 19px;
width: 780px;
#box
color: #ffffff;
padding: 10px;
overflow: hidden;
#box H1
font-size: 18px;
color: #327496;
padding-top: 5px;
/* Content */
#content {
padding: 0 10px;
#content H1
background: url(http://public.blu.livefilestore.com/y1pwMwkcpsx2GI20DIvXovJLIhgYW4DKZIjrSTFeIMFduc10uzBS08 KQ7jNL8l8eoYgJUn2afe2aCSEgGHXM3gX1A/h2.gif?psid=1) no-repeat;
height: 63px;
padding-top: 8px;
padding-left: 15px;
font-size: 16px;
color: #ffffff;
#content .entry
padding: 10px;
width: 390px;
.back_title
background: url(http://public.blu.livefilestore.com/y1pqs2Ay_ufKfPB85wwH0611Tm-WAkRtfwVanCho5ePg1WsQW-ym6A bnsGjp9FncS55s208h9RSzb3JZSRDZXfSQw/title_back.gif?psid=1) no-repeat;
#sidebar2 .top {
padding-top: 20px;
/* Footer */
#footer
padding: 20px;
#footer p {
text-align: center;
font-size: 9px;
color: #ffffff;
margin: 0px;
padding: 0px;
#footer a
color: #FFFFFF
</STYLE>
<DIV id=main>
<DIV id=header>
<DIV id=logo>
<H1>TEST</H1>
<H2>Short Slogan Here</H2></DIV>
<DIV id=menu>
<UL>
<LI><A href="#eBayStoreLink">Store</A></LI>
<LI><A href="#paymentpolicy">Payments</A></LI>
<LI><A href="#shippingpolicy">Shipping</A></LI>
<LI><A href="#returnspolicy">Returns</A></LI>
<LI><A href="#termspolicy">Terms</A></LI>
<LI><A href="#guaranteepolicy">Guarantee</A></LI>
<LI><A href="#aboutusdetails">About Us</A></LI></UL></DIV></DIV>
<DIV id=top></DIV>
<DIV id=pagewrap>
<DIV id=page>
<DIV id=content></DIV></DIV></DIV></DIV></TD></TR></TBODY></TABLE><DIV align=center></DIV></html>
Thanks again!
Tony

Certain images not showing up in Design View

Hi,
I recently switched from Dreamweaver CS5.5 to CS6 with Creative Cloud but now some of my images aren't showing up in Design View. Everything is fine in Live View.
Any help would be gratefully received. I have attached the CSS & the HTML as well as two screen shots of Design View and Live View.
The CSS is:
/* Getting the new tags to behave */
article, aside, audio,
canvas, command,
datalist, details,
embed,
figcaption, figure, footer,
header, hgroup,
keygen,
meter,
nav,
output,
progress,
section, source,
video {
          display:block;
mark,
rp, rt, ruby,
summary,
time {
          display:inline;
/* Global properties ======================================================== */
body {
          background-color:#000;
          background-repeat:no-repeat;
          background-position:center top;
          background-image:url(../images/body-bg.jpg);
          background-attachment:fixed;
          font-family:Arial, Helvetica, sans-serif;
          font-size:100%;
          line-height:1em;
          color:#949595;
html {
          min-width:967px;
html,
body {
          height:100%;
/* Global Structure ============================================================= */
#main {
          margin:0 auto;
          width:967px;
          font-size:.75em;
          /* Header */
          header {
                    position:relative;
          /* Sidebar */
          aside {
                    width:227px;
                    float:left;
                    margin-right:32px;
                    padding-bottom:33px;
          /* Content */
          section#content {
                    float:left;
                    width:675px;
                    padding-top:6px;
          /* Footer */
          footer {
                    padding-left:3px;
                    background:url(../images/border-left.png) repeat-y left top;
                    color:#535353;
/* Left & Right alignment */
.fleft {
          float:left;
.fright {
          float:right;
.clear {
          clear:both;
.col-1,
.col-2,
.col-3 {
          float:left;
.alignright {
          text-align:right;
.aligncenter {
          text-align:center;
.wrapper {
          width:100%;
          overflow:hidden;
/*----- form defaults -----*/
input,
select,
textarea {
          font-family:Arial, Helvetica, sans-serif;
          font-size:1em;
          vertical-align:middle;
          font-weight:normal;
fieldset {
          border:0;
/*----- lists -----*/
.banners {
          width:100%;
          overflow:hidden;
          padding-bottom:15px;
          .banners li {
                    float:left;
                    padding-left:4px;
.list li {
          font-size:1.17em;
          padding:0 0 19px 22px;
          background:url(../images/marker.png) no-repeat left 2px;
.list li.last {
          padding-bottom:0;
.list1 li {
          width:100%;
          overflow:hidden;
          padding-bottom:27px;
          .list1 li img {
                    float:left;
                    margin-right:22px;
.column-list {
          width:100%;
          overflow:hidden;
          .column-list li {
          float:left;
          width:200px;
          margin-right:27px;
          .column-list li.last {
                    margin:0;
                    .column-list li img {
                              margin-bottom:18px;
.events-list {
          width:100%;
          overflow:hidden;
          .events-list li {
                    float:left;
                    line-height:1.5em;
                    width:320px;
                    margin-right:25px;
                    padding-bottom:20px;
          .events-list li.alt {
                    margin-right:0;
                    .events-list li img {
                              float:left;
                              margin-right:11px;
.testimonials li {
          line-height:1.5em;
          padding-bottom:18px;
          .testimonials li cite {
                    font-style:normal;
          .testimonials li h5 {
                    text-align:right;
                    margin:0;
                    padding-top:6px;
/*----- other -----*/
.img-indent {
          margin:0 0 20px 0;
.extra-wrap {
          overflow:hidden;
p {
          margin-bottom:16px;
          line-height:1.5em;
dl {
          line-height:1.5em;
          dl dt {
                    font-weight:bold;
                    color:#4b4b4b;
                    margin-bottom:6px;
          dl dd {
                    padding-bottom:20px;
          dl dd.last {
                    padding:0;
          .address dd {
                    clear:both;
                    .address dd span {
                              float:left;
                              width:96px;
                    .address dd a {
                              font-size:1.17em;
address {
          font-style:normal;
          line-height:1.5em;
          address a {
                    font-size:1.17em;
          address span {
                    float:left;
                    width:103px;
/*----- txt, links, lines, titles -----*/
a {
          color:#12b7f4;
          outline:none;
a:hover {
          text-decoration:none;
h1 {
          font-size:20px;
          line-height:1em;
          font-weight:normal;
          padding:55px 0 0 3px;
          h1 a {
                    color:#fff;
                    text-decoration:none;
          h1 strong {
                    font-size:55px;
                    line-height:1.2em;
                    letter-spacing:-2px;
                    top:-37px;
                    position:relative;
h2 {
          font-size:1.917em;
          line-height:1.2em;
          letter-spacing:-1px;
          font-weight:normal;
h5 {
          font-size:1em;
          line-height:1.5em;
          color:#4b4b4b;
          margin-bottom:6px;
          h5 a {
                    color:#4b4b4b;
.txt1 {
          font-size:1.17em;
.rss {
          position:absolute;
          right:18px;
          top:18px;
          background:url(../images/rss.gif) no-repeat right top;
          padding:10px 45px 8px 0;
          color:#7d7d7d;
          text-decoration:none;
          font-size:1.17em;
          text-transform:uppercase;
.rss:hover {
          text-decoration:underline;
.link1 {
          display:block;
          position:relative;
          float:left;
          background-repeat:no-repeat;
          background-position:right top;
          background-image:url(../images/link1-right.png);
          color:#fff;
          line-height:1.2em;
          text-transform:uppercase;
          text-decoration:none;
          cursor:pointer;
          .link1 span {
                    display:block;
                    float:left;
                    background-repeat:no-repeat;
                    background-position:left top;
                    background-image:url(../images/link1-left.png);
                    padding:0 10px;
          .link1 b {
                    background-repeat:repeat-x;
                    background-position:left top;
                    background-image:url(../images/link1-bgd.png);
                    padding:8px 7px 9px 7px;
                    display:block;
                    float:left;
          .link1:hover b {
                    text-decoration:underline;
.link2 {
          width:70px;
          height:30px;
          text-align:center;
          text-transform:uppercase;
          color:#fff;
          text-decoration:none;
          display:block;
          float:right;
          font-weight:bold;
          overflow:hidden;
          line-height:2.6em;
          background-repeat:no-repeat;
          background-position:left top;
          background:url(../images/link2-bg1.png);
.link2:hover {
          text-decoration:underline;
/*==================boxes====================*/
.nav-box {
          width:100%;
          position:relative;
          padding-bottom:11px;
          margin-top:-23px;
          .nav-box .left {
                    padding-left:20px;
                    background:url(../images/nav-box-left.png) no-repeat left top;
          .nav-box .right {
                    padding-right:20px;
                    background:url(../images/nav-box-right.png) no-repeat right top;
          .nav-box nav {
                    height:72px;
                    background:url(../images/nav-box-tail.png) repeat-x left top;
          .nav-box nav ul {
                    padding-top:13px;
                    width:100%;
                    overflow:hidden;
                    .nav-box nav ul li {
                              float:left;
                              font-size:1.583em;
                              line-height:1.2em;
                              letter-spacing:-1px;
                              .nav-box nav ul li a {
                                        color:#535353;
                                        display:block;
                                        float:left;
                                        cursor:pointer;
                                        background:url(../images/spacer.gif);
                                        text-decoration:none;
                                        text-shadow:#fff 1px 1px;
                              .nav-box nav ul li a:hover,
                              .nav-box nav ul li a.active {
                                        color:#fff;
                                        background:url(../images/nav-act-tail.gif) repeat-x left top;
                                        text-shadow:#fff 0 0;
                                        .nav-box nav ul li a span {
                                                  display:block;
                                                  float:left;
                                                  background:url(../images/spacer.gif);
                                        .nav-box nav ul li a:hover span,
                                        .nav-box nav ul li a.active span {
                                                  background:url(../images/nav-act-left.gif) no-repeat left top;
                                        .nav-box nav ul li a b {
                                                  display:block;
                                                  float:left;
                                                  background:url(../images/spacer.gif);
                                                  padding:10px 23px 14px 23px;
                                        .nav-box nav ul li a:hover b,
                                        .nav-box nav ul li a.active b {
                                                  background:url(../images/nav-act-right.gif) no-repeat right top;
.box {
          width:237px;
          color:#fff;
          .box .top {
                    background-repeat:no-repeat;
                    background-position:left top;
                    background-image:url(../images/box-top.png);
                    height:14px;
                    overflow:hidden;
                    font-size:0;
                    line-height:0;
          .box .bot {
                    background-repeat:no-repeat;
                    background-position:left top;
                    background-image:url(../images/box-bot.png);
                    height:15px;
                    overflow:hidden;
                    font-size:0;
                    line-height:0;
          .box .xcontent {
                    background-repeat:repeat-y;
                    background-position:left top;
                    background-image:url(../images/box-tail.gif);
                    .box .xcontent .bg {
                              min-height:137px;
                              height:auto!important;
                              height:137px;
                              background-repeat:no-repeat;
                              background-position:left top;
                              background-image:url(../images/box-bg.jpg);
          .box .inner {
                    padding:2px 35px 0 26px;
          .box h2 {
                    font-size:2.417em;
                    font-weight:bold;
                    margin-bottom:4px;
                    text-shadow:#0b97e4 1px 1px;
          .box p {
                    line-height:1.583em;
                    margin-bottom:9px;
/* box style1 */
.box.style1 .top {background-image:url(../images/box-top1.png);}
.box.style1 .bot {background-image:url(../images/box-bot1.png);}
.box.style1 .xcontent {background-image:url(../images/box-tail1.gif);}
.box.style1 .xcontent .bg {background-image:url(../images/box-bg1.jpg);}
.box.style1 .link1 {background-image:url(../images/link1-right1.png);}
.box.style1 .link1 span {background-image:url(../images/link1-left1.png);}
.box.style1 .link1 b {background-image:url(../images/link1-bgd1.png);}
.box.style1 h2 { text-shadow:#78b10b 1px 1px;}
/* box style2 */
.box.style2 .top {background-image:url(../images/box-top2.png);}
.box.style2 .bot {background-image:url(../images/box-bot2.png);}
.box.style2 .xcontent {background-image:url(../images/box-tail2.gif);}
.box.style2 .xcontent .bg {background-image:url(../images/box-bg2.jpg);}
.box.style2 .link1 {background-image:url(../images/link1-right2.png);}
.box.style2 .link1 span {background-image:url(../images/link1-left2.png);}
.box.style2 .link1 b {background-image:url(../images/link1-bgd2.png);}
.box.style2 h2 { text-shadow:#ff6900 1px 1px;}
/* box style3 */
.box.style3 .top {background-image:url(../images/box-top3.png);}
.box.style3 .bot {background-image:url(../images/box-bot3.png);}
.box.style3 .xcontent {background-image:url(../images/box-tail3.gif);}
.box.style3 .xcontent .bg {background-image:url(../images/box-bg3.jpg);}
.box.style3 .link1 {background-image:url(../images/link1-right3.png);}
.box.style3 .link1 span {background-image:url(../images/link1-left3.png);}
.box.style3 .link1 b {background-image:url(../images/link1-bgd3.png);}
.box.style3 h2 { text-shadow:#ffad07 1px 1px;}
.box1 {
          width:227px;
          .box1 .top {
                    height:49px;
                    overflow:hidden;
                    background:url(../images/box1-top.png) no-repeat left top;
          .box1 .bot {
                    height:17px;
                    font-size:0;
                    line-height:0;
                    overflow:hidden;
                    background:url(../images/box1-bot.gif) no-repeat left top;
          .main-box .box1 .border-left {
                    padding-left:1px;
                    background:url(../images/box1-border.gif) repeat-y left top;
          .main-box .box1 .border-right {
                    padding-right:1px;
                    background:url(../images/box1-border.gif) repeat-y right top;
          .main-box .box1 .xcontent {
                    width:100%;
                    min-height:261px;
                    height:auto!important;
                    height:261px;
                    padding:0;
                    background:url(../images/box1-tail.gif) repeat-x left top #f8f8f8;
          .main-box .box1 .inner {
                    padding:12px 14px 20px 18px;
          .box1 h2 {
                    font-weight:bold;
                    color:#fff;
                    padding:10px 0 0 18px;
.box2 {
          width:227px;
          .box2 .top {
                    height:15px;
                    overflow:hidden;
                    background:url(../images/box2-top.png) no-repeat left top;
          .box2 .bot {
                    height:16px;
                    font-size:0;
                    line-height:0;
                    overflow:hidden;
                    background:url(../images/box2-bot.gif) no-repeat left top;
          .main-box .box2 .border-left {
                    padding-left:1px;
                    background:url(../images/box2-border.gif) repeat-y left top;
          .main-box .box2 .border-right {
                    padding-right:1px;
                    background:url(../images/box2-border.gif) repeat-y right top;
          .main-box .box2 .xcontent {
                    width:100%;
                    min-height:113px;
                    height:auto!important;
                    height:113px;
                    padding:0;
                    background:url(../images/box2-tail.gif) repeat-x left top #f6f6f6;
          .main-box .box2 .inner {
                    padding:0 14px 20px 18px;
          .box2 h2 {
                    font-weight:bold;
                    color:#3c3c3c;
                    margin-bottom:16px;
.main-box {
          width:100%;
          .main-box .left-top-corner {
                    background:url(../images/left-top-corner.png) no-repeat left top;
                    height:18px;
                    padding-left:18px;
          .main-box .right-top-corner {
                    background:url(../images/right-top-corner.png) no-repeat right top;
                    height:18px;
                    padding-right:18px;
          .main-box .border-top {
                    background:url(../images/border-top.png) left top repeat-x;
                    height:18px;
                    font-size:0;
                    line-height:0;
                    width:100%;
          .main-box .border-left {
                    background:url(../images/border-left.png) left top repeat-y;
                    padding-left:3px;
          .main-box .border-right {
                    background:url(../images/border-right.png) right top repeat-y;
                    padding-right:3px;
          .main-box .xcontent {
                    background:#fff;
                    padding:0 2px;
          .main-box .tail {
                    background:url(../images/main-box-tail.gif) repeat-x left top;
                    width:100%;
          .main-box .inner {
                    padding:3px 15px 0 8px;
          .main-box .inner1 {
                    padding:3px 8px 0 25px;
                    .main-box .inner1 aside {
                              margin:0;
                    .main-box .inner1 #content {
                              margin-right:32px;
                              width:665px;
          .main-box .inner2 {
                    padding:3px 25px 35px 25px;
                    .main-box .inner2 #content {
                              width:auto;
                              float:none;
/*===== content =====*/
#content h2 {
          color:#3e3e3e;
          letter-spacing:0;
          margin-bottom:16px;
#content .indent {
          padding-bottom:60px;
#content .link2 {
          background-image:url(../images/link2-bg2.png);
          float:left;
/*===== Sidebar =====*/
aside .indent {
          margin-bottom:20px;
/*===== footer =====*/
footer .right {
          padding-right:3px;
          background:url(../images/border-right.png) repeat-y right top;
footer .tail {
          padding:17px 0 11px 27px;
          background-color:#2d2d2d;
footer .line-ver {
          background:url(../images/divider.gif) repeat-y 210px 0;
          width:100%;
          overflow:hidden;
footer .fleft a {
          color:#535353;
          text-decoration:none;
footer .fleft a:hover {
          text-decoration:underline;
footer .fleft {
          padding-bottom:8px;
          footer .fleft ul {
                    padding:8px 0 3px 0;
                    footer .fleft ul li {
                              display:inline;
footer .fright {
          padding:0 29px 0 0;
          text-align:right;
          footer .fright a {
                    color:#12b7f4;
          footer .fright ul {
                    padding:8px 0 5px 0;
                    footer .fright ul li {
                              display:inline;
                              padding-right:15px;
                              margin-right:12px;
                              background:url(../images/divider1.gif) no-repeat right 3px;
                              footer .fright ul li a {
                                        text-decoration:none;
                                        color:#535353;
                              footer .fright ul li a:hover,
                              footer .fright ul li a.active {
                                        color:#c4c4c4;
                                        text-decoration:underline;
                    footer .fright ul li.last {
                              background:none;
                              padding:0;
                              margin:0;
/*----- forms -----*/
#subscribe-form .rowElem {
          width:100%;
          overflow:hidden;
#subscribe-form span {
          display:block;
          width:193px;
          height:26px;
          margin-bottom:6px;
          background:url(../images/input-bg.png) no-repeat left top;
#subscribe-form input {
          background:none;
          border:0;
          line-height:1.2em;
          vertical-align:top;
          margin:5px 0 0 10px;
          color:#8c8d8d;
          width:173px;
#subscribe-form a.fleft {
          color:#4b4b4b;
          font-weight:bold;
          position:relative;
          left:10px;
          top:7px;
/* The Nivo Slider styles */
#slider_box{ width:946px; height:370px; margin-top:-3px; margin-bottom:15px;background:url(../images/bg_img.png) 0 0 no-repeat; padding:21px 0 0 21px}
#slider{ position:relative; width:925px; height:348px; z-index:88;overflow:hidden;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;          margin:0;z-index:60;display:none;}
/* The slices in the Slider */
.nivo-slice {display:block;          position:absolute;z-index:50;height:100%;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {          position:absolute; bottom:-34px;          z-index:99;          cursor:pointer;text-indent:-5000px; width:30px; height:30px; display:block;}
.nivo-prevNav { right:135px; background:url(../images/marker_left.gif) no-repeat}
.nivo-prevNav:hover{ background:url(../images/marker_left_active.gif) no-repeat}
.nivo-nextNav {right:10px; background:url(../images/marker_right.gif) no-repeat}
.nivo-nextNav:hover{ background:url(../images/marker_right_active.gif) no-repeat}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav{ position: absolute;z-index:99; right:14px; bottom:21px;}
.nivo-controlNav a {position:relative;z-index:99;cursor:pointer; text-indent:-5000px; width:16px; height:16px; float:left; margin-right:6px; background:url(../images/buttons.png) right 0 no-repeat}
.nivo-controlNav a.active { background-position:left}
/* Caption styles */
.nivo-caption { padding-top:77px; height:270px; width:345px;position:absolute; top:0px; right:20px; color:#fff; z-index:99;}
.nivo-caption .box{ display:inline-block;background:url(../images/box.png) no-repeat; font:24px Arial, Helvetica, sans-serif; color:#fff; line-height:30px; text-align:center; font-weight:bold; width:83px; margin-right:10px;}
.nivo-caption .text1{ font:36px Arial, Helvetica, sans-serif; color:#39c0f8; font-weight:bold; display:inline-block; line-height:1.2em; margin-top:-7px;}
.nivo-caption .text2{ font:48px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; display:block; line-height:1.2em; margin-top:-10px; letter-spacing:-2px;}
.nivo-caption p{ font-size:12px; color:#fff; line-height:14px; font-weight:bold; padding-top:8px;}
.nivo-caption a{ display:inline-block; position:absolute; left:0; bottom:60px; background:url(../images/button-bg.png) 0 0 no-repeat; font:40px Arial, Helvetica, sans-serif; line-height:60px; padding-bottom:3px; text-align:center; width:194px; color:#fff; text-decoration:none; letter-spacing:-2px;}
.nivo-caption a:hover{ background-position:bottom}
.color1 p{ color:#454545}
.nivo-caption .color1 .text1{ font-size:30px; display:block; color:#454545; margin-top:0}
.nivo-caption .color1 .text2{ color:#3b3b3b; display:inline-block; letter-spacing:-3px}
.nivo-caption .color1 .box{ margin-right:0px; margin-top:7px; margin-left:7px}
#contacts-form .rowElem {
          height:40px;
          #contacts-form .rowElem span {
                    display:block;
                    width:300px;
                    height:26px;
                    margin-bottom:6px;
                    background:url(../images/input-bg_2.png) no-repeat left top;
#contacts-form input {
          background:none;
          border:0;
          line-height:1.2em;
          vertical-align:top;
          margin:5px 0 0 10px;
          color:#8c8d8d;
          width:300px;
#contacts-form .rowElem1 span {
          display:block;
          width:300px;
          height:175px;
          margin-bottom:21px;
          background:url(../images/textarea-bg.gif) no-repeat left top;
#contacts-form textarea {
          width:300px;
          height:168px;
          overflow:auto;
          background:none;
          border:0;
          color:#8c8d8d;
          padding:5px 0 2px 10px;
#contacts-form .link2 {
          margin-left:15px;
/*==========================================*/
The HTML is:
<!DOCTYPE html>
<html lang="en">
<head>

<title>TravelSober.com Eastern Caribbean Sober Cruise</title>
<meta name="keywords" content="Sober cruise, sober cruises, sober cruise vacations, sober holidays, sober travel, sober vacation, sober vacations, aa convention, sober safari, sober travel.">
<meta name="description" content="Find out more about our Eastern Caribbean Sober Cruise or any of our other sober vacations.">

<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">


<style type="text/css">
body,td,th {
          font-size: 92%;
</style>


<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-21210386-3']);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
<link href="images/favicon.ico" rel="SHORTCUT ICON">
</head>
<body id="page7">
<div id="main">
   
   <header>
     <h1><a href="index.html"><strong>TravelSober.com</strong></a></h1>
      <div class="nav-box">
         <div class="left">
            <div class="right">
               <nav>
                  <ul>
                     <li><a href="index.html"><span><b>Home</b></span></a></li>
                     <li><a href="about-us.html"><span><b>About Us</b></span></a></li>
                     <li><a href="planned-trips.html"><span><b>Planned Trips</b></span></a></li>
                     <li><a href="instant-specials.html"><span><b>Bob's Super Specials</b></span></a></li>
                     <li><a href="testimonials.html"><span><b>Testimonials</b></span></a></li>
                     <li><a href="contact-us.html"><span><b>Contact Us</b></span></a></li>
                  </ul>
               </nav>
            </div>
            <a href="#" class="rss">RSS</a> </div>
      </div>
      <ul class="banners">
         <li>
            <div class="box">
               <div class="top"></div>
               <div class="xcontent">
                  <div class="bg">
                     <div class="inner">
                        <h2>Sober Cruises</h2>
                        <p>Our cruises go to the best destinations on earth on a budget or in 6 Star luxury.</p>
                        <div class="wrapper"><a href="planned-cruises.html" class="link1"><span><b>more</b></span></a></div>
                     </div>
                  </div>
               </div>
               <div class="bot"></div>
            </div>
         </li>
         <li>
            <div class="box style1">
               <div class="top"></div>
               <div class="xcontent">
                  <div class="bg">
                     <div class="inner">
                        <h2>Friends of Lois Trips</h2>
                        <p>Al-Anon conferences and vacations</p>
                        <div class="wrapper"><a href="friends-of-lois-trips.html" class="link1"><span><b>more</b></span></a></div>
                     </div>
                  </div>
               </div>
               <div class="bot"></div>
            </div>
         </li>
         <li>
            <div class="box style2">
               <div class="top"></div>
               <div class="xcontent">
                  <div class="bg">
                     <div class="inner">
                        <h2>Conventions</h2>
                        <p>We take advantage of the many worldwide AA conventions combining them with tours.</p>
                        <div class="wrapper"><a href="sober-cruise-greece-2013.html" class="link1"><span><b>more</b></span></a></div>
                     </div>
                  </div>
               </div>
               <div class="bot"></div>
            </div>
         </li>
         <li>
            <div class="box style3">
               <div class="top"></div>
               <div class="xcontent">
                  <div class="bg">
                     <div class="inner">
                        <h2>Recovery</h2>
                        <p>Check out our sober resources page for all fellowships and the chance to meet new friends.</p>
                        <div class="wrapper"><a href="recovery-resources.html" class="link1"><span><b>more</b></span></a></div>
                     </div>
                  </div>
               </div>
               <div class="bot"></div>
            </div>
         </li>
      </ul>
   </header>
   <div class="main-box">
      <div class="left-top-corner">
         <div class="right-top-corner">
            <div class="border-top"></div>
         </div>
      </div>
      <div class="border-left">
         <div class="border-right">
            <div class="xcontent">
               <div class="tail">
                 <div class="inner2">
                     
                     <section id="content">
                        <h2><b>Costa Caribbean Cruise on the Mediterranea
- November 30 – December 10, 2012</b><br><br>
                        <b>From $699 Per Person / Double-Occupancy. 10 days for the price of 7!</b></h2>
                        <p> <img src="images/costa-mediterranea-sober-cruise- caribbean-2012.jpg" alt="sober_cruise_caribbean" width="320" height="204" align="right"></p>
                        <h5>Enjoy the Bahamas, Jamaica, Grand Cayman Islands, Roatan, Belize and Cozumel with a round-trip from Miami. You will experience great Italian cuisine, fabulous entertainment and famous <i>In This Life</i> Custom Excursions. We will feature the best of snorkeling, scuba, golf, dolphin encounter and much more!<p></p>Get on board for one of our latest once in a lifetime opportunities. Costa Cruises has reached out to showcase their ships and famous Italian ambience. We have traveled extensively with Costa on one of their best vessels, the Mediterranea. <p></p>This is one of the most popular vessels in the Costa fleet and has been enjoyed by hundreds of <i>In This Life</i> clients. Costa has extended special rates because of the unfortunate accident in Europe. They are giving <i>In This Life</i> guests 10 days for the price of 7 with free upgrades on their November 30 combination Eastern-Western Caribbean cruise.<p></p>Join us for various meetings onboard everyday!</h5>
                        <h5>10-day itinerary includes: <dir>
                       <p>Day 1: Depart 9.00pm: Miami, Florida,<br>
                       Day 2: 9.00am - 6.00pm: Nassau, Bahamas,<br>
                       Day 3: At Sea,<br>
                       Day 4: 12.00pm - 7.00pm: Ochos Rios, Jamaica,<br>
                       Day 5: 9.00am - 6.00pm: Grand Cayman,<br>
                       Day 6: At Sea,<br>
                       Day 7: 8.00am - 6.00pm: Roatan, Honduras,<br>
                       Day 8: 8.00am - 5.00pm: Belize,<br>
                       Day 9: 8.00am - 7.00pm: Cozumel, Mexico,<br>
                       Day 10: At Sea,<br>
                       Day 11: Miami, Florida: Arrive 8.00am.</p>
                       </dir><h2>ITL special - Save up to $200 per person! These are exclusive prices ONLY AVAILABLE from <i>Travel Sober</i>. </h2>
                       <img src="images/Cribbean-sober-cruise-2012.jpg" alt="sober_cruise_caribbean" width="394" height="264" align="right">
                   <h5><p></p>Inside Cabin: $699<br>Ocean View Cabin: $699<br>Deluxe Ocean View Cabin: $899<br>Veranda Cabin: $899</p>
                       <p></p>
                       <p>Book an Inside Cabin for $699 and be upgraded for free to Ocean View.
<p></p>Book Deluxe Ocean View for $899 and be upgraded for free to Veranda.
Other free upgrades within categories – placement on first come, first served basis.
<p></p>This is a Sober Cruise. Get a group together and get extra PERKS!
</p>
                       <p><h2>Deposit now for best cabin placement, specials and free upgrades!</h2><br><br>
                       <img src="images/in-this-life-logo.jpg" alt="sober_cruise_caribbean" width="300" height="214" align="middle">
<h5><h2>
Call or Email Us Today</h2></a>
<p></p><h2>Office: (805) 927-6910</h2>
<h2>Toll Free: (800) 531-7578</h2>
<p></p><br>
<h2>Email:<a href="mailto:[email protected]" class="txt1"> [email protected]</h2></a><br>
<h2>Email:<a href="mailto:[email protected]" class="txt1"> [email protected]</h2></a>
</p></h5>
                   </section>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   
   <footer>
      <div class="right">
         <div class="tail">


The MORE buttons aren't images. They are in the HTML and appear to be styled with CSS to look like button images.
     <span><b>more</b></span>
Unfortunately, Design View is incapable of displaying CSS border-radius, gradients, shadows and other CSS level 3 properties.   That's why we have Live View which behaves more like a real browser.
If you can't live with this, disable CSS in DW by going to View > Style Rendering > untick display styles.
Or, use a Design-Time Style Sheet that contains no CSS level 3 properties.
Nancy O.

Why some times jdeveloper does not show a coreect design view ?

Hi
thank you for reading my post
why jdeveloper does not show a correct design view of jsf pages sometimes?
It does not shows labels and ... , just show tag names like : form , ... ?
here is a picture for this :
1-incorrect page:
http://www.flickr.com/photos/59086726@N00/217556594/
2-correct page :
http://www.flickr.com/photos/59086726@N00/217556595/
I just closed and open the IDE and page designer shows incorrect pages
thanks

Also try this...go to the project properties for the View project. Look at the JSF Libraries and remove the two JSF libraries and then re-add them....this sometimes helps.
Regards
Grant Ronald

Can't see .cfm files in Design view

Can't see .cfm files in Design view in Dreamweaver CC.

Hi pkregel,
Do these files open as intended in Dreamweaver CS6? I am not a CF expert but I am guessing that if you are able to open the files, then you should be able to see them in both the views. Can you post a screenshot as well?
Thanks,
Preran

How to show php 'include' file in Design View?

Is it possible (in design view MX04) to show a php include
file?
It shows if it's <?php include('myPage.inc'); ?>
but if its got the .php ext, <?php include('myPage.php');
?>
its doesnt show.
Any way of making it show?
Cheers.
Os.

> Is it possible (in design view MX04) to show a php
include file?
Yes.
Does the include file *also* contain PHP code?
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
==================
"Osgood" <[email protected]> wrote in
message
news:e791va$css$[email protected]..
> Is it possible (in design view MX04) to show a php
include file?
>
> It shows if it's <?php include('myPage.inc'); ?>
>
> but if its got the .php ext, <?php
include('myPage.php'); ?>
>
> its doesnt show.
>
> Any way of making it show?
>
>
> Cheers.
>
> Os.
>

.php files won't show up in design view?

Hi there,
I'm a pretty experienced dreamweaver user, using for 3 years,
but this is baffling me. I've been using PHP includes for my
content for years, but all of a sudden when I covert my .html files
to .php files I cannot view in design view, only code view?
Now, if I convert them back to .html it works just fine...
Anyone know how to fix this? Here's a screenshot btw:
http://img138.imageshack.us/img138/3814/untitled1vv4.jpg

quote:
Originally posted by:
Newsgroup User
encore2k7 wrote:
> Hi there,
>
> I'm a pretty experienced dreamweaver user, using for 3
years, but this is
> baffling me. I've been using PHP includes for my content
for years, but all of
> a sudden when I covert my .html files to .php files I
cannot view in design
> view, only code view?
>
> Now, if I convert them back to .html it works just
fine... Anyone know how to
> fix this? Here's a screenshot btw:
>
>
http://img138.imageshack.us/img138/3814/untitled1vv4.jpg
>
Not a good answer, and no explanation:
I have noticed this too. But if you create a brand new doc
and select
the php option in the window that asks which kind you want,
then copy
and paste the essential code into it, it'll work. Probably
completely
wrong, but it's as if DW "remember" a file a html once that's
the file
you selected, regardless of which extension you eventually
give it....
something like that...
That won't work either, if I click new .php file it still
wont let me view it in design view..

Unable to view php files in Design View?

Need help! I cannot select design view when working with a PHP document, the DesignView option is disabled?
My information.
- Dreamweaver CS5
- Mac OSX 10.6 snow Lepoard
I have searched online and I also went through the FAQ but couldn’t find anything relating to this particular issue and my Professor at school said that I need to contact Adobe directly as design view should always be available but all that I would see in Design View are the HTML elements within the PHP file.
The Design View button is disabled, I can not click on it all and so for my class assignments. I have to copy the PHP code into a new HTML document and only then am I able to view the html/php and edit the HTML elements, and then copy and paste it back into the PHP file once I have the html elements/design set up correctly.
I did a similar “Set up PHP for Mac OS X – MAMP” to the version available here, could I have set this up incorrectly and that is why Design View is disabled?
Thanks I appreciate your guys expertise and any help!

Kanjan wrote:
Need help! I cannot select design view when working with a PHP document, the DesignView option is disabled?
Go to Dreamweaver > Preferences, and select File Types / Editors from the Category list on the left. Make sure that .php is NOT listed among the filename extensions in "Open in code view".
Adding a filename extension to that list prevents files from being opened in Design view.

Images not showing up in design view

Using Visual Studio 2013 to build a windows app using c#. Every image I add shows up when I debug what I have but unfortunately,I cant see them in Design view to make sure that they are in the right position.

There's a whole subject devoted to this - design-time data. See
this link for more information, then you can search on it.
Matt Small - Microsoft Escalation Engineer - Forum Moderator
If my reply answers your question, please mark this post as answered.
NOTE: If I ask for code, please provide something that I can drop directly into a project and run (including XAML), or an actual application project. I'm trying to help a lot of people, so I don't have time to figure out weird snippets with undefined
objects and unknown namespaces.

I have dreamweaver cs6, How to open .inc file in design view?

Hello
I changed mmdocumetsTypes.xml file, I removed .inc from code view in the preference. But still I cant open .inc in design view. Can someone help me in this matter?

Hi,
and this?
http://helpx.adobe.com/dreamweaver/kb/change-add-recognized-file-extensions.html
esp. "Edit in Code View preference
The final step is to check the File Types / Editors preference settings (Edit > Preferences) and make sure that this file extension is not listed in the Open In Code View field. By default, the INC file extension appears on this list. Remove ".inc" from the Open in Code View list and files with this extension should now be viewable in Design view."
Hans-Günter

Why does nothing show up in Design view?

I'm using DW CS5 and creating a page to upload as a Facebook tab. I'm working in code view and the only thing I have in the code is an image. When I switch over to Design view, it shows nothing. But clicking on live view or previewing in browser shows the image perfectly. In Design View, the screen is gray instead of the normal white and there are two icons (one resembling a think bubble and the other a piece of paper). If I click on the little icons, the gray screen turns white but clicking doesn't allow me to edit or place anything new in Design view. Does anyone know what's going on? I can't continue unless I can see the image and click on it in Design view since I'll be mapping the image to link to another page!
Here's what my code looks like so far:
<!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>Untitled Document</title>
</head>
<body>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.Canvas.setSize({ width: 520, height: 700 });
// Do things that will sometimes call sizeChangeCallback()
function sizeChangeCallback() {
FB.Canvas.setSize({ width: 520, height: 700 });
</script>
<img src="http://www.plaidskirtmarketing.com/clients/Hibachi/hibachitabs/fangiveaway/fbfancontest_ta b.png" width="510" height="626.25 " alt="Hibachi Xpress Gift Card Giveaway"/>
</body>
</html>

Try removing or commenting out this code.
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.Canvas.setSize({ width: 520, height: 700 });
// Do things that will sometimes call sizeChangeCallback()
function sizeChangeCallback() {
FB.Canvas.setSize({ width: 520, height: 700 });
</script>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

How do I get the Menu Bar to show File, Edit, Find, View, etc. in the Organize view?

All I can find is two little > which is very hard to see. However if I click on it it does have all the titles there.

Go to the control panel and check dpi scaling under Appearance or Display.
It’s not uncommon to see a setting of 125% or higher to improve screen readability but PSE9 requires a dpi of 96 or 100%
Whilst the Editor Menu will appear at 120% the Organizer Menu (and the advanced button in downloader) won’t.
Try a setting of 115% or 116% otherwise 100%. A common display resolution, notably for notebooks/laptops and netbooks is 1024 x 768 but PSE9 requires a screen height of 800 for full functionality.

Is there any way to get keywords to show up in grid view?

Being able to see the keywords assigned to each photo in grid view would be incredibly helpful to me for managing my photos and videos as I add new keywords. Just seeing the "this photo has keywords" tag does not help. I need to see the actual keywords, without having to click on each individual photo to see them.

There is no way at present. It was conidered a long time back, but trying to show kywords on a postage stamp wasn't deemed good use of engineering time. An alterntive similar to the Bridge Metadata layout (configurable table view) has been suggested a few times, but I've not seen anything to indicate that it got much traction.

Getting DW to show files in Design View

Similar Messages

Maybe you are looking for