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
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. -
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
thanksAlso 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 -
Why does nothing show up in Design view?
I'm using DW CS5 and creating a page to upload as a Facebook tab. I'm working in code view and the only thing I have in the code is an image. When I switch over to Design view, it shows nothing. But clicking on live view or previewing in browser shows the image perfectly. In Design View, the screen is gray instead of the normal white and there are two icons (one resembling a think bubble and the other a piece of paper). If I click on the little icons, the gray screen turns white but clicking doesn't allow me to edit or place anything new in Design view. Does anyone know what's going on? I can't continue unless I can see the image and click on it in Design view since I'll be mapping the image to link to another page!
Here's what my code looks like so far:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.Canvas.setSize({ width: 520, height: 700 });
// Do things that will sometimes call sizeChangeCallback()
function sizeChangeCallback() {
FB.Canvas.setSize({ width: 520, height: 700 });
</script>
<img src="http://www.plaidskirtmarketing.com/clients/Hibachi/hibachitabs/fangiveaway/fbfancontest_ta b.png" width="510" height="626.25 " alt="Hibachi Xpress Gift Card Giveaway"/>
</body>
</html>Try removing or commenting out this code.
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.Canvas.setSize({ width: 520, height: 700 });
// Do things that will sometimes call sizeChangeCallback()
function sizeChangeCallback() {
FB.Canvas.setSize({ width: 520, height: 700 });
</script>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
I am running Lion 10.7.2 and I have an external drive hooked to my time machine. I can't rename folders and when trying, I get an error code 8076. The checkbox "ignore permissions for this device" does not show on volume info. Help please???
The TIme Machine volume does not have that checkbox.
I think the issue is with your Finder...
Go to Finder "Go" menu hold the option key and choose Library. Then go to Preferences trash these files:
com.apple.finder.plist
com.apple.sidebarlists.plist
Then, restart, or log out and in again.
(You will have to reset a few finder prefs the way you like them.) -
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. -
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. -
.php files won't show up in design view?
Hi there,
I'm a pretty experienced dreamweaver user, using for 3 years,
but this is baffling me. I've been using PHP includes for my
content for years, but all of a sudden when I covert my .html files
to .php files I cannot view in design view, only code view?
Now, if I convert them back to .html it works just fine...
Anyone know how to fix this? Here's a screenshot btw:
http://img138.imageshack.us/img138/3814/untitled1vv4.jpgquote:
Originally posted by:
Newsgroup User
encore2k7 wrote:
> Hi there,
>
> I'm a pretty experienced dreamweaver user, using for 3
years, but this is
> baffling me. I've been using PHP includes for my content
for years, but all of
> a sudden when I covert my .html files to .php files I
cannot view in design
> view, only code view?
>
> Now, if I convert them back to .html it works just
fine... Anyone know how to
> fix this? Here's a screenshot btw:
>
>
http://img138.imageshack.us/img138/3814/untitled1vv4.jpg
>
Not a good answer, and no explanation:
I have noticed this too. But if you create a brand new doc
and select
the php option in the window that asks which kind you want,
then copy
and paste the essential code into it, it'll work. Probably
completely
wrong, but it's as if DW "remember" a file a html once that's
the file
you selected, regardless of which extension you eventually
give it....
something like that...
That won't work either, if I click new .php file it still
wont let me view it in design view.. -
Getting DW to show files in Design View
We have a set of HTML based templates that we use that all have the extension .vm
These files are used in an internal system, that allows us to swap out information when they are accessed.
When I open the files in dreamweaver it gray's out the split and design view buttons.
If i change the extension to .htm, the buttons are accessable.
There are a ton of these template files, is there anyway to get DW to always turn on the split and design buttons, so i do not have to change the extension of the files each time I need to access them?
I have already added them to the list of extensions in the preferences tab, but this only allows DW to open the files, and does not seem to enable the split and design buttons
Thanks,ok .. so I opened the extensions.txt file .. added the line
VM: VM Files
removed .vm from the 'open in code view' list under preferences
restarted DW, and The buttons are still grayed out.
I have also tried adding VM to the first line of the extensions.txt file designating it as an HTML file. Still nothing.
Any Ideas?
Thanks,
***EDIT***
I was finally able to get it to work using that url you provided.
I have to say .. this is most un-user friendly way to go about this I have ever seen.
thanks though for your reply -
I have looked at everyones comments and everything. When i plug in my ipod the usb works and everything because my ipod is charging. It will not show up anywhere in iTunes at all. Anyone help please?!
Have you tried another cable and USB port?
If you have OSX 10.6.8 on the computer did you look at the Additional Information paragraph of the article you cited?
Try on another computer to help determine if yo have an iPod or computer problem -
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,
TracyOK, 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 -
For the last 2 (maybe 3) updates iTunes has been showing my MUSIC LIBARY in a GRID of IMAGES with small caption below each image (usually an empty grey box, but occasionally tje front cover of album). It is a BIG waste of time to look at, go through and find any of my many hundreds of items.
I want / NEED "LIST VIEW" (or whatever it is called) back.
I have looked in SUPPORT / iTunes HELP / Preferences / ALL my menus - for ANY info on getting my LIST VIEW back.
Somebody PLEASE share with me HOW to get a LIST VIEW in the iTunes MAIN WINDOW (NOT the sidebar ...which is in a nice LIST foerm still thank God).
Going out of my mind on this one - and wasting LOTS of time, going through it.
Sure it's ALPHABETICAL (in an arbitrary fashion), but do they REALLY expect me to "REMEMBER" - or already know my choice - of what I am" looking for"?? Come on! I open iTunes, SEARCH through my (where'd it GO?) list and choose something that feels right for the moment. Most people do.
This IMAGE GRID just throws unnecessary obstruction into the experience and takes massive amounts of time to arrive at a selection (especially if it is not one of my first 40 albums (less than 10% of my libary). I want it gone - and a simple LIST VIEW back. ANY help VASTLY appreciated. -
Hover images showing from previous slide viewing
I am creating interactive screenshots for our web product. I
have seen other threads where people had problems with hover
images. You put a hover image on slide one to replicate a product
menu link, users use this to 'navigate' your software, if they
navigate back to slide one, the hover image from when they clicked
it earlier is still showing.
Hopefully this makes sense to those who have seen this
problem. I couldn't find a decent workaround to this problem in
Captivate 1, is there one? Is it any better in Captivate 2?
Thanks
Richard.Hi Larry
Thanks for your reply. I think I haven't explained myself
very clearly... First of all you are quite correct that I meant to
say rollover image not hover!
I have recorded each of the screens within our product as a
separate background slide, so there is one slide for each main
screen, ordered in a linear way.
What I want the user to be able to do, is click on the
various menus of the product as if they were using it for real.
Within each screen I then have some rollover captions explaining
the different features and functions of the page. The movement
between slides is always driven by the user, there is no
auto-transition.
So they start on the home page, they can move their mouse
around the screen to activate various rollover captions. When they
navigate to a menu item in the background image, I have a rollover
image set so it appears a hyperlink 'hover' has been activated. I
also have a click box set at the same area. (The rollover image and
click box are both small, just the size of the text.) So the user
sees the 'hover' and clicks to access another area of the product,
this then takes them to another slide with the relevant background
image and rollover captions etc... So far so good.
Because our product menu structure remains consistent along
the top of the page (like a website), one of the links available is
back to the home page. If on this new slide they move the mouse
over the home page link, the rollover image and click box can be
used to go back to the home page. If this is clicked, the user then
goes back to the first slide where they started. On this slide, the
rollover image used earlier is still displayed. To clear/reset it,
you have to move the mouse over it and it disappears, then it can
be used again. This is the problem I have for all slides where they
have been viewed once and then gone back to...
Because I want the user to be able to navigate backwards and
forwards around the product, I cannot keep the slides in a linear
format, as I would need infinite slide to cover all requirements.
Hope this is now clear. Appreciate your time.
Richard. -
Photoshop images showing as sepia in lightroom help me please
hi i'm working on black and white medium format images i've cropped and added text in photoshop cc but when i import to lightroom they have a sepia tone can anyone help with this thank you
You have not provided any system info or other details like what image files, so no, nobody can really help you. The blanket answer would be that you are not using color management, but that's pretty much all. Ask in the LR/ PS forums and provide the required details.
Mylenium -
Flash video does not show up once uploaded. Help please.
OK I've spent several days searching online for an answer to this question and I'm at my wit's end. Please help me out. This is what is going on.
I'm using flash to design a basic website. Within that website I want to place a .flv file. Everything works fine in preview mode and test movie mode. The problem comes when I puplish to the web. I'm just using flash to publish which puts all the files in a folder.
IN previous attempts, once I load those files onto a server it does not play the .flv file. The .sfw skin will show up but the general .sfw file for the project doesn't seem to be finding the .flv file. And yes, I'm uploading the .flv file to the server. Is there something wrong with the html code that it can't find the .flv file? I can replicate this problem on my desktop by moving the .flv file out of it's project folder. Once I do that and then click the .html file the page will load but it won't find the video file. It's like it can only open that file if it's in the original project folder and the folder doesn't get moved.
I can't be the only who has experienced this. Please help!The effect you're having "only displaying the flvplayer skin but no video" is a clear sign that your swf can't find the flv.
One thing that you can do to ensure that everything is right is to first upload the .flv file to the desired location and then link your FLVPlayback to the url on the flash IDE / AS.
2nd Option would be to:
save flv, fla and swf in the SAME folder (no subfolders or such)
upload flv and swf to your webserver while keeping them together in the same folder, that ensures that your files can find eachother.
Maybe you are looking for
-
How can I get a refund for an unwanted app that I just purchased?
How can I get a refund for an unwanted app that I just purchased?
-
Hey I am looking for a free video converter for my mac so I can convert DVD, AVI, MPEG, MPG, QT to iPod Touch format, I believe it is MP4... Can anyone help me? Best regards Jesper
-
How To Create ABAP Code For HR Context Sensitive Structural Authorization
Hello, We have created a HR Custom Program which IS NOT built off the PCH or PNP Logical Database. As a result, we need to manually create ABAP code for HR Context Sensitive Structural Authorization Check in our custom HR program. Via HR Context Sens
-
Mirroring MacBook Pro onto AppleTV
All of my computers, peripherals, etc.. are all Mac and I just recently picked up AppleTV. One of the functions that I have been really happy with is the option to be able to mirror my phone or pad onto my tv screen. I have been reading though that s
-
Can't select/change layers in main work area
Been working with PSE11 for a few months. Yesterday it developed a problem. I can no longer click on the layer in the main work area but have to go to the layer panel to select it. What do I need to do to change this back to where it works like it