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.

Similar Messages

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

  • Image not showing up in design view

    I am attempting to update a graphic (new date) in my images file. I updated the file in Illustrator, saved as a jpeg, stored in Images file (like I have always done). I have tried every which way to link file but graphic just shows as broken. The graphic shows up fine in LIve and Preview. I am clueless to what is wrong. Can you help?
    Thanks,
    Tracy

    OK, if you took the file through Illustrator, it's possible that you may have changed it to CMYK. JPEG files are only supposed to be RGB, but both Photoshop and Illustrator allow you to save them in the "wrong" format in order to use JPEG compression for those files. Then you're supposed to just know what you did.
    A Note: CMYK is very useful for pre-press where your output will be a printed document. Web browsers typically do not know what to do with CMYK files.
    Whe I recommend is that, if you are saving a file for a website, you should use the File>Save for Web and Other Devices… dialog when you are setting up images for the web. All files saved this way are RGB files and will be adjusted for 72 DPI (computer screen resolution) and you will be able to use them in a website.
    Of course you also want to make sure that the file is within your defined site on your local computer within Dreamweaver and not in some other location or down some other path.
    -Mark

  • 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

  • CSS header images not visible except in design view

    I have a recurring problem in my css designs, and it's driving me to drink. In my stylesheets I define background and header images that work beautifully in design view, but when you view it any browser the header image is gone. This is not the first time I have struggled with this and I am over it. On the example I have posted there is an image underneath (not below, actually underneath) the company name and slogan at the top of the page, but you sure can't see it can you? As a matter of fact the second line of text completely disappears because the header image is not displayed. If someone can show me where I am going wrong with this I would appreciate it. The link to the site is here:
    http://firstvirginiaservices.com/test/index.html

    This is a path issue.
    You're testing your new website in a subfolder called test. The server does not know that.
    Your header rule points to the image with a site root reference i.e. starting from the root folder
    #header {
    margin:0;
    font-family: Verdana, Geneva, sans-serif;
    background-image: url(/images/header.jpg) ;
    background-repeat:no-repeat;;
    text-align: right;
    That'll probably be OK when the site goes live but not while it lives in the "test" subfolder.
    The server is looking for
    http://firstvirginiaservices.com/images/header.jpg
    but the images folder does not exist at the root folder level yet so the file is not found and the image does not display.
    You really mean
    http://firstvirginiaservices.com/test/images/header.jpg
    The solution is to
    EITHER
    keep the root relative path and change the path temporarily in the CSS while you're working in the test folder
    #header {
    margin:0;
    font-family: Verdana, Geneva, sans-serif;
    background-image: url(/test/images/header.jpg) ;
    background-repeat:no-repeat;;
    text-align: right;
    then tweak the path (remove "/test") when the site goes live.
    OR
    use a document relative path in the #header rule (from the CSS folder location to the images folder location)
    #header {
    margin:0;
    font-family: Verdana, Geneva, sans-serif;
    background-image: url(../images/header.jpg) ;
    background-repeat:no-repeat;;
    text-align: right;

  • Remote images not showing up in design/split view

    Just recently, whenever i updated the image location from the
    local site to the remote site path, the images don't get loaded
    into dreamweaver how it used to.
    i'm not sure if i unchecked something. the paths are correct
    and they show up when i preview in browser so i know it's not that.
    if anyone can help with this it will be great. thanks.

    Do you have spaces in your image file/pathnames?
    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
    ==================
    "zgarcia" <[email protected]> wrote in
    message
    news:e286rc$adb$[email protected]..
    > DW 8.01
    >
    > it's not the put action.
    >
    > what i normally do is compose the email on the local
    site so i have the
    > images
    > showing, add the links etc...
    > then i upload the images onto my remote server.
    > after i do that, i go into the source code and do a
    find/replace on the
    > image
    > directory. (highlight "images" and replace it with the
    > "
    http://www.example.com/campaign/email")
    >
    > now, after i do a replace all, the images would reflect
    whatever is in the
    > remote directory (
    http://etc...) and will actually display
    in the
    > design/split
    > view instead of seeing broken image icons as it's
    currently doing.
    >
    > the remote site locations are correct.
    >
    > let me know if that helps, thanks.
    >

  • Rollover images not properly aligning in design view

    Hello,
    I am a self taught Web design teacher and I have seemed to run into an issue with roll-over images as links. I am teaching my students to use photoshop to create two images for rollover buttons. When the students insert the images, everything works fine except for the alignment on page. One link/button makes a new line on the page and forces everything to the right on screen. But when we preview it in a browser, it looks correct. I also don't know any JAVA coding other than what I should be looking at when we create the rollover links. Do you have any suggestions for me?
          (also if you find anything that is obsolete in my code, please let me know. Again, I am self taught with NO formal education in it)
    dreamweaver
    browser
    if you need the coding of the page, here (edited to save reading time):
    #wrapper {
              width: 960px;
              margin-right: auto;
              margin-left: auto;
              background-color: #5B1E1E;
              height: 780px;
              margin-top: 10px;
    #wrapper2 {
              background-color: #CCCCCC;
              height: 835px;
              width: 1000px;
              margin-right: auto;
              margin-left: auto;
    #wrapper #topnav #topnav1 {
              height: 40px;
              width: 940px;
              background-color: #5B1E1E;
              margin-right: auto;
              margin-left: auto;
              margin-top: 5px;
    #wrapper #topnav #topnav1 #home {
              height: 40px;
              width: 152.5px;
              float: left;
    #wrapper #topnav #topnav1 #home2 {
              float: left;
              height: 40px;
              width: 152.5px;
              margin-left: 5px;
    #wrapper #topnav #topnav1 #home3 {
              float: left;
              height: 40px;
              width: 152.5px;
              margin-left: 5px;
    #wrapper #topnav #topnav1 #home4 {
              float: left;
              height: 40px;
              width: 152.5px;
              margin-left: 5px;
    #wrapper #topnav #topnav1 #home5 {
              float: left;
              height: 40px;
              width: 152.5px;
              margin-left: 5px;
    #wrapper #topnav #topnav1 #home6 {
              float: left;
              height: 40px;
              width: 152.5px;
              margin-left: 5px;
    -->
    </style>
    <script type="text/javascript">
    <!--
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    //-->
    </script>
    </head>
    <body onload="MM_preloadImages('tools_images/home_over.jpg','tools_images/bhs_over.jpg','tools_ images/mset_over.jpg','tools_images/TR_over.jpg','tools_images/video_over.jpg','tools_imag es/web_over.jpg')">
    <div id="wrapper2"><span class="style1">.
    </span>
      <div id="wrapper">
      <div id="banner">
        <div id="banner1"><img src="tools_images/banner.jpg" alt="banner" width="940" height="70" /></div>
      </div>
      <div id="topnav">
        <div id="topnav1">
          <div id="home"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','tools_images/home_over.jpg',1)"><img src="tools_images/home.jpg" alt="home" name="home" width="152" height="40" border="0" id="home7" /></a></div>
          <div id="home2"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','tools_images/bhs_over.jpg',1)"><img src="tools_images/bhs.jpg" alt="bhs" name="Image3" width="152.5" height="40" border="0" id="Image3" /></a></div>
          <div id="home3"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','tools_images/mset_over.jpg',1)"><img src="tools_images/mset.jpg" alt="mset" name="Image4" width="152" height="40" border="0" id="Image4" /></a></div>
          <div id="home4"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','tools_images/TR_over.jpg',1)"><img src="tools_images/TR.jpg" alt="TR" name="Image5" width="152.5" height="40" border="0" id="Image5" /></a></div>
          <div id="home5"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','tools_images/video_over.jpg',1)"><img src="tools_images/video.jpg" alt="video" name="Image6" width="152.5" height="40" border="0" id="Image6" /></a></div>
          <div id="home6"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','tools_images/web_over.jpg',1)"><img src="tools_images/web.jpg" alt="web" name="Image7" width="152.5" height="40" border="0" id="Image7" /></a></div>
          <div id="blank"></div>
        </div>
      </div>
    </div>

    Thanks Ken!
    I know that, and me personally don't care. But its hard to get my students to grasp the concept of what you see is not always what you get.
    Thank you for your response

  • 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

  • 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

  • Deleted files in "File Panel". Images not showing up

    Hello all.
    I deleted some old pages and I renamed some pages, all in the
    "file panel". Now my images are not showing up in preview. Example,
    my background and borders are not showing up, and they are still in
    my root folder. What did i do wrong? (fyi: When I was in DW last
    night all my images showed up with no problems)
    CS3, Mac
    Thanks

    quote:
    Originally posted by:
    Newsgroup User
    Thanks you've even helped me with that one. I was going threw
    the same thing with images. That solved that issue thanks
    the images do still show in dreamweaver design view?
    but not in f12 preview in browser?
    are the paths to them site root relative? do they start with
    a leading
    /slash?
    if yes- go into dw preferences->preview in browser and put
    a checkmark in
    "use temp files for preview"
    Alan
    Adobe Community Expert, dreamweaver
    http://www.adobe.com/communities/experts/

  • Thumbnail images not showing up in my Spry slideshow

    Hello - Everything seems to be working in my Spry slideshow. However, my thumbnail images are not showing up in Live view or browser. The images are all in the correct folder. Here is what the script looks like:
    <ul id="ImageSlideShow" title="Our Products">
            <li><a href="images/ss_penny.jpg" title="All Things Pennies"><img src="images/ss_penny_thumb.jpg" alt="" /></a></li>
            <li><a href="images/ss_rides.jpg" title="Children's Kiosks"><img src="images/ss_rides_thumb.jpg" alt="" /></a></li>
            <li><a href="images/ss_ireality.jpg" title="Simulators"><img src="images/ss_ireality_thumb.jpg" alt="" /></a></li>
            <li><a href="images/ss_carousels.jpg" title="Carousels"><img src="images/ss_carousels_thumb.jpg" alt="" /></a></li>
            <li><a href="images/ss_candy.jpg" title="Candy Kiosks"><img src="images/ss_candy_thumb.jpg" alt="" /></a></li>
         </ul>
          <script type="text/javascript">
    Is there something I'm missing?
    Thank you

    There is nothing wrong with the markup that you have shown, hence the problem will be located somwhere else.
    Gramps

  • Text in landscape orientation is not showing up in portrait view

    When I have added additional pages while working in landscape mode and added text to these pages, the text is not showing in portrait view. The only text that shows is the one that comes if I have used the default text box in the 2 column mode. Even using the default textbook I find is not looking good because extra spaces I am putting in for landscape mode aren't needed in the other view. Finally, the headers are also not showing up in portrait view. What to do?
    Other difficulties:
    1) hyperlinking text is defaulting to the hyperlink character style which is not letting me change the colour from red to blue.
    2) jpg images are not being recognized as figures. I would like to be able to bookmark the images, but it is not allowing me. I would also like to have them show in portrait mode, but they are not.
    Thank you!!!

    Sorry if I'm being daft, but what do you mean by linking the text fields? I have one text box in landscape view. When I go to portrait, it no longer exists. If I insert a text box in portrait view, it does not appear in landscape.
    I'm not sure if this is the same problem, but I'm hoping you might have some ideas.
    Thanks.

  • Bkacground/CSS images not showing

    Since earlier this month I have been having problems with DW.
    I'm sure it's something I did since I'm sort of new to this but
    here it goes. I'm using DW MX by the way.
    I run a small diecast site and DW has always been my editing
    program and its worked fine until now. My site uses CSS and usually
    DW would load all the necessary image files like the menus,
    background images and icons, etc. My actual diecast photos and a
    few of the menu buttons are hosted at Imageshack and most of them
    display correctly in DW, but everything thats on the server hosted
    by Byethost doesn't show. It also doesn't correctly display the
    layout of the CSS I chose, but rather it looks like a plain
    unorganized page. I thought the problem might have been that DW
    doesn't actually display the images from the server, but rather
    from the local disk instead. The local folder these files were in
    might have been moved to somewhere else on th disk? I have tried
    everything I could think of but nothing has worked. Any help is
    very much appreciated!
    Justin

    > DW won't display any content that is not available
    locally.
    Sure will - it handles images, css, js, and applets with
    external links.
    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
    ==================
    "Nick Barling" <[email protected]> wrote in
    message
    news:[email protected]...
    > This sounds like a file/folder management problem. DW
    won't display any
    > content that is not available locally. To see content
    that is only
    > available
    > at the server you need to view your page from within a
    browser.
    >
    > If you have content stored locally and it is not visible
    then you need to
    > check the file path to each piece of content that is not
    showing. Check
    > that
    > you are using document - relative links and not root
    relative links.
    > Check the
    > location and content of your local folders; they should
    not have moved on
    > your
    > local disk unless you moved them. As it is unlikely that
    you moved the
    > file
    > locations without knowing it I suspect the problem is
    one of relative
    > paths.
    >
    > Look at your local file structure in the DW site local
    view and then check
    > your remote view file structure, you may find the
    problem there.
    >
    > The CSS style sheet, which I assume is an external style
    sheet attached
    > the
    > your html page will only be visible locally if you have
    linked it
    > correctly to
    > the html page it is styling. View the page locally and
    check that the CSS
    > style sheet is linked/referenced corectly in the file
    structure. If your
    > page
    > shows CSS styling when viewed locally but does not show
    remotely, ie when
    > viewed in a browser via the url address with the page
    served from the
    > server,
    > then check that you have uploaded the CSS style sheet to
    the correct
    > location.
    >

  • Images some old loading new imported images not showing

    I am working with cs4 /windows.  I can not get new images to show.  When designing the page and importing the images it shows. When "putting" publishing it does not show.
    The only thing I could see as a problem would be old (very) server?.
    I left some images that were on the server to begin with and they show up. The newly added images do not.
    http://www.twinsburgtravel.com/sandals-resorts.html

    checking into that... I am thinking it is the server being old and not being able to handle space and new images.
    thanks! will get back to you on this later this afternoon.

  • Crystal Report Images Not Showing - JSP inside /WEB-INF folder

    Hi Experts,
    I am using Crystal report for Eclipse and also using Struts2 and tiles framework combination.
    The problem is when viewing the report all I've got is red X on all images and the graph image also not showing. This is when I use tiles and my jsp is inside the web-inf folder.
    This is my struts link: href="s:url value='/report/reportOpen.action?report=1'
    I've checked that the path to the viewer generated HTML is not correct. see code below.
    src="../../../crystalreportviewers/js/crviewerinclude.js"
    But when I test to access a simple jsp viewer that resides on the web root folder, this works fine but of course this is not what I want to have. I need to have my banner and menus on top of the report page (using tiles)
    This is my jsp link: href="s:url value='/ReportViewer.jsp?report=1'
    Viewer generated HTML below.
    src="crystalreportviewers/js/crviewerinclude.js"
    This might be a common problem and that you can share to me your solution.
    Note: I removed the script tags because I can't submit this entry.
    Thank you  in advance,
    Regards,
    Rulix Batistil
    Crystal Report Images Not Showing - JSP inside /WEB-INF folder

    Hi Saravana,
    After a few experimentation from your idea i was able to figure out the problem and now it is working.
    I don't have to copy the folder to where my jsp resides but still maintains it in the root location:  web/crystalreportviewers
    The changes should always be in web.xml.
    1st: change the crystal_image_uri value to ../crystalreportviewers
    2nd: change crystal_image_use_relative value to "web"
    Change to "web" instead of webapp because that is what I named my web root folder.
    <context-param>
              <param-name>crystal_image_uri</param-name>
              <param-value>../crystalreportviewers</param-value>
         </context-param>
         <context-param>
              <param-name>crystal_image_use_relative</param-name>
              <param-value>web</param-value>
         </context-param>
    Thank you. You showed me the way on how to solve the 3 day problem.
    BTW, my next problem is when clicking on any buttons prev/next/print/export, I got this error HTTP Status 404.
    Well, at least for now I can view my initial report.  I just need to figure out the next issue and with the help of the great people here in the forum.
    Thanks a lot.
    Regards,
    Rulix
    Edited by: Rulix Batistil on Nov 26, 2008 7:27 AM

Maybe you are looking for

  • WHY VERIZON TOOK AWAY A SECOND UPGRADE TO REPLACE A  BRAND NEW PHONE THAT WAS DEFECTIVE

    I have had a cellular account for many years with Verizon. I currently have three (3) lines on my account. (removed), which is my phone, (removed), which is my husband’s phone, and (removed) which is my son’s phone. I upgraded my phone to the Ipone 4

  • Solved. Closed lid mode only works with power connected

    I was banging my head a bit trying to figure out why my MacBook Pro was no longer working with the lid closed when attached to my external monitors. Anyway I figure out that for this to work properly the power must be connected. I am guessing it has

  • Mac Mail Mac *****

    I have absolutely had it with this stupid Mail program that came with my Mac. No matter what I do I cannot get it to recognize my password. In the 4 years I've had this computer I have been unable to send a single e-mail. It drives me nuts because I

  • How do I clear the recents list

    That's it.

  • Screen problem after wake up from sleep

    About three weeks ago I posted a problem with the display coming back to life after waking up from sleep. I said this happened after the 10.5.2 update. This turned out to be not quite accurate. I actually ran all the waiting updates, so I really don'