No images Design View

I upgraded to CS3 today and for some reason I can no longer
see images in design view. The images are linked absolute to a
server and when previewed in a browser they work fine. The images
use to show up fine in DW8 so I'm a little confused as to why it's
not in it's successor. Ive done some searching and nothing came up
for this problem so I apologies if it's been brought up before. Any
help is appreciated.
Dave

VIEW | Display External Files?
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
==================
"Otakonx" <[email protected]> wrote in
message
news:f0npm6$ond$[email protected]..
>I upgraded to CS3 today and for some reason I can no
longer see images in
> design view. The images are linked absolute to a server
and when previewed
> in a
> browser they work fine. The images use to show up fine
in DW8 so I'm a
> little
> confused as to why it's not in it's successor. Ive done
some searching and
> nothing came up for this problem so I apologies if it's
been brought up
> before.
> Any help is appreciated.
>
> Dave
>

Similar Messages

  • 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.

  • 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

  • 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>
    <!-- TemplateBeginEditable name="doctitle" -->
    <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.">
    <!-- TemplateEndEditable -->
    <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">
    <!--[if lt IE 7]>
         <link rel="stylesheet" href="css/ie/ie6.css" type="text/css" media="screen">
         <script type="text/javascript" src="js/ie_png.js"></script>
         <script type="text/javascript">
            ie_png.fix('.png, .nav-box .left, .nav-box .right, nav, footer .right, footer, #slider, #slider .inside a, .box .top, .box .bot, .link1, .link1 span, .link1 b, .list li, .main-box .left-top-corner, .main-box .right-top-corner, .main-box .border-top, .main-box .border-left, .main-box .border-right, .box1 .top, .box2 .top, .link2, .link3, .events-list li img, #subscribe-form span');
         </script>
    <![endif]-->
    <!--[if lt IE 9]>
                <script type="text/javascript" src="js/html5.js"></script>
      <![endif]-->
    <style type="text/css">
    body,td,th {
              font-size: 92%;
    </style>
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <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 -->
       <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">
                         <!-- content -->
                         <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 -->
       <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.

  • 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.
    >

  • External/Remote Images no longer appear in Design View!

    Hi,
    First post here.
    Suddenly external/remote images in Dreamweaver CS3 no longer appear when viewed in Design View.
    All I get now is grey boxes!
    I have tried toggling 'Display External Files' on and off, made sure Cache is off (tried it with on too) and nothing seems to make a difference.
    If anyone could help please, it's so annoying
    Thanks,
    James

    Windows XP.
    I'm an experienced web designer, 10+ years so you will have to trust me my code is fine.
    It just shows the grey boxes in place of where the images should be.

  • 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

  • CS3 - Design View not showing externally linked images

    In CS3 Design View, externally linked images are not showing
    up... i am only getting the place holder.
    To prempt some questions:
    1/ Links are correct and complete - apart from the fact that
    they show up when previewing in the browser(s) - i have
    crosschecked
    2/ There are no spaces in the url
    3/ In the 'View' menu, 'Display External Files' is checked
    I had this problem before and escargo suggested saving and
    rebooting. It worked then but strangely, today, that file is again
    showing some of the externally linked images but not all. And on a
    new file, created today, none of the externally linked images are
    showing up... :(
    I'm sure there's a simple solution to the problem... anyone
    have any idea what it could be?
    Thanks and cheers,
    JJ

    Nope. Some show - some don't.
    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
    ==================
    "jhabrix" <[email protected]> wrote in
    message
    news:faom5n$9ku$[email protected]..
    > Bump....
    >
    > Anyone have a solution to the above problem???

  • Why, since CS6 does DW now use ABSOLUTE image paths when dragging images into Design View from a folder in Finder?!

    While I am grateful the previous issue I had with not being able to drag files into design view at all (in CC and CC2014) was resolved.
    Guys (Adobe), seriously, if you're going to change the functioning of something that used to work just fine, at least supply a way for a user to revert to the old way... I absolutely loathe that I need a legacy version of DW to continue with my current workflow. Please put it back to the way it was, or at least allow a user to chose between the two behaviours.
    If there is a way to do this, without using the Site Manager (which still doesn't work from Finder even with relative to document selected), I would appreciate any guidance.
    As for using the Site Manager (before some smart guy suggests that I just use that) I do not wish to navigate to and create up to 20 "sites" a week and wait for DW to cache them all, when I am already in the folder with the image assets in Finder.
    Also before someone pipes up and says: "You shouldn't be diving sites in design view anyway", I don't... I develop many, many newsletters every week and the folder structure is such that navigation to the actual image folder using the Site Manager would be painful at best.
    I don't really like having to and replace all instances of "file:///Users/me/Work/company/Mailers/Year/wk14/mailer/dev/img/prod5.jpg". It is horrendously wasteful, time-wise.
    Thanks in advance for any helpful replies

    Sorry Murray, DW used to have an idea, my point is that since CS6 its developed a case of Amnesia.
    The "elements" are in the "root" folder as follows:
    newslettername.htm
    img
         imagename.jpg
    So the relative path would be <img src"img/imagename.jpg" />
    However since the change: <img src"file:///Users/me/work/Company/year/week/campaign/img/imagename.jpg" />
    Which is completely useless and needs to be corrected before I upload the html anywhere.
    As for using the site directory, I did answer that in my initial post. I use a laptop, I really don't want a site manager taking half my screen just so I can see the folder structure and navigate with that, especially since I am already at the files I need in Finder.
    Again, this is something that used to work just fine in previous iterations of DW, so I don't believe Adobe is incapable of fixing it nor am I being unreasonable asking for a choice for those that may find the local absolute paths useful in some way. All I want is to be able to chose not to use absolute paths when dragging from Finder.

  • DW8:  image won't display in Design View

    Folks:
    DW8 on MacOS 10.4.8 (fully updated) on Intel iMac.
    What would keep an image from displaying in DW Design View?
    What are the causes of the grey box with the superimposed "X"? Is
    there any diagnostic output that might help? Is the grey box and
    "X" substituted by DW8 for an invalid or un-drawable graphic, or is
    this done by the OS?
    The problem:
    I've got a 1912 x 1481 graphic, a geographic map, in AI that
    I'm trying to use as an ordinary web image, but DW won't display it
    in Design View. Instead all I see is a big grey box and "X". For
    test purposes, I'm starting from a new "Basic" HTML web page and
    all I'm doing is inserting this one image. I need to get this
    working so I can draw hotspots on this graphic to make it
    "clickable" .
    Here's what I've tried:
    o Triple-checking that the inserted image reference is
    correct. Yes, the image file is correctly linked. With the image
    selected, the inspector shows a tiny but recognizable miniature of
    the expected image. Further, when the page and the image are
    uploaded to the web server and I look at it via a browser, the
    expected image is _always correctly displayed.
    o Exporting the graphic "for the web" from AI as both a GIF
    and a medium-quality JPG. Neither of these are displayed in Design
    View; both are served up correctly after being uploaded
    o I found a larger JPG on a different site I'm managing. This
    always displays as expected in both DW Design View and when served
    up. I substituted the failing map JPG image. The result: A grey
    box.
    o Checking the map images: The JPG and GIF versions seem to
    be visible in all environments (image readers, browsers, etc.) I've
    checked _except_ DW8 Design View.
    o Checked on another system. I made the failing image
    available to a very helpful ACE, who performed a similar
    experiment. It worked fine for him. I used his exact HTML and
    directory structure -- and it failed for me. Grey box with "X".
    It seems to me that I've checked most of the obvious
    possibilities. Now it is time to check the less obvious ones.
    Suggestions are very welcome!
    Thanks,
    Henry

    Randy:
    Thanks for your response.
    This is a virtual memory system, so -- in theory-- it should
    accommodate anything that will fit on the hard drive, more or less,
    if I'm wiling to wait the hours (days?) it will take to swap on and
    off the disk. That assumes DW8 takes advantage of the capability.
    It may not.
    "Larger"? The JPG image I compared to is 1692 x 2160 pixels,
    but weighs slightly less, 289K bytes. I'm losing track of all my
    test images that fail, but a representative one is 1912 x 1481
    pixels and weighs 332Kb on the disk. "Roughly comparable" might be
    a better description. The point is still reasonable: DW8 does
    handle images of this size on my system.
    One issue that occurred to me recently is that I may have
    caused some grief by monkeying with the "Save for web" settings at
    the Illy export. Perhaps I asked for some configuration that's
    normal for Illy to export --or it would have warned me, I hope--
    but too strange for DW to grok. DW should complain more
    informatively than painting a gray box and "X" when that happens, I
    would think.
    Henry

  • Why can't I drag images from Finder to Design View Dreamweaver CC?

    Hey Guys,
    I'm using OS X Mavericks (10.9) and Adobe DW CC
    For some reason in both CC and CS6 I can no-longer drag files from Finder (Mac OS X's Explorer) into the design view ( for eg: adding images to a table cell ), the browse button doesn't work properly either... The "browse for file" button only works if there is an image already there and then it will update the image, otherwise if there's no image in the table cell it will bring up the browse dialogue box but does nothing if I select a file and press "open".
    Is there a setting that was introduced in CS 6 that affects this behavior?

    Hi All,
    This bug has been fixed in the latest version of Dreamweaver CC 2014, which is now available for download.
    Download it from https://creative.adobe.com/ or directly through the Creative Cloud desktop app.
    We’re excited to hear back from you. Please share your feedback.

  • DW CS3 problem with PNG-8 images in Design View?

    DW CS3 (build 3481) on XP seems to have problems with PNG-8 images, specifically trying to display them in design view.
    I had a very simple image that was able to be exported by Fireworks CS4 as PNG-8 using 4 colors (no transparency) for a tiny file size under 250 bytes.
    DW could not display it at all, or even recognize it, reporting it was 0 x 0 in size. I published the page anyway, and it looked fine in the browser.
    I upped the number of colors to 32, and DW could then display it in design view in the page I was working on.
    I'm still having problems with other PNG-8 images. The attached file "temp.jpg" is a screenshot showing part of the design view in DW.
    The smaller image on the left of the banner is "58_certificate_of_discharge.png" (attached), and the larger image below is used as the background of the DIV containing the form,"compassbk.png" (also attached).
    These images all look fine in the browser, but terrible in DW.
    I'm stumped as to why.
    Thanks in advance.

    According to a different discussion, the images that are stuck as "Queued" are showing a bug in the virus scanning on the forums.
    Now trying the recommended 'camera icon' method...
    Looks like it worked.
    Now compare what it looks like in DW CS3 in the design view:
    It's a 16 color PNG-8 made in Fireworks CS4 with no transparency, size is 113 x 58, ending up at 1.71K.
    If this is a repeatable problem in CS3, is there any hope of it being resolved, or am I stuck with upgrading to CS4 as my only option (assuming it's fixed in CS4)?
    Thanks.

  • 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.

  • Spry UI 1.7 slideshow images cascade down page in design view

    When I put in the Spry slideshow all the images go down the page in bullets.  It works fine in the browsers, so it is no problem.  But... it is SO annoying because I am trying to finish off the page and do some stuff under this slideshow but i can see there.  So it has messed me all up because I am not good at just hand coding the website... I have to do a little of both...  Others have kind of suggested to just live with it... but I just cant

    The only reliable view in DW is the Live View. Design view is OK for very simple layouts and documents. As soon as it becomes more complicated, then you cannot rely on design view.
    And even though Live View can give a better picture of what you are doing, you must always check your design in all of the target browsers.
    Gramps

  • Why does images in preview are in a different position and resolution than in design view? In design view I have to place the images of screen to fit in preview.

    Why does images in preview are in a different position and resolution than in design view? In design view I have to place the images of screen to fit in preview.

    Already changed in different settings. Here is a screenshot when set to "Original Size".

Maybe you are looking for

  • Warranty extension for Satellite U400

    Hello! I have a question about possibility to extend warranty for my laptop. On the official web-ste there is information about my device and it;s written over there: "Standard Warranty Coverage: International Days:365 Expiration Date: 2010-05-25 Ext

  • Cmd  + Z not working on Mac OS X 10.10

    Is this a global bug and could I change it in keyboard settings?

  • SOAP Invoke error: Status (500): Internal Server Error

    I have a BLS with a WebService action.  I am testing the WebService call with each operation within the wsdl address.  I used the wsdl address to make the call.  I selected the only port available.  There are several operations available.  This WebSe

  • Problem in recognising instance variables declared in the class

    Hi all, I am trying to deploy an Servlet desiged in WebObjects5.1 application server on application on Iplanet Application server 6.5 Back ground: All of you might be aware that WebObjects5.1 is an J2ee compliant application server. When an applicati

  • Need steps to configure BAM and DATAMART for Oracle BPM Enterprise

    Hi, Need steps to configure BAM and DATAMART for both Oracle BPM 10.3 Enterprise Standalone and Oracle BPM 10.3 Enterprise Weblogic. Configurations like BAM Updater Service, Process Data Mart Updater Service, Start Up / Shut Down of the service etc.