Design view footer
Drmwvr8 seems to be putting my footer under and off to the
right of my header area but before the contents div. It has css for
clear both and works fine in all browsers. Is there a way of
getting design view to placs divs in their document order?
Show us the code. Design view may be doing exactly what you
are telling it
to do.
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
==================
"ROGM" <[email protected]> wrote in message
news:eat360$ipm$[email protected]..
> Drmwvr8 seems to be putting my footer under and off to
the right of my
> header
> area but before the contents div. It has css for clear
both and works fine
> in
> all browsers. Is there a way of getting design view to
placs divs in their
> document order?
>
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. -
CSS is not showing in design view
Hello, I wonder if anyone can help. I would appreciate very
much if you can... I have read all the css related problems, but
did not see the problem I am having.
Anyway, I have done a website template for someone and I gave
it to him to update the contents. However, on his dreamweaver
Design view, the css does not support it at all so it looks all
messy. Though when he preview it on IE, this is all fine. I have
made templates and css files with dreamweaver and I can view
everything fine. He seems to have the same version of DW (MX 2004)
so I am not sure how this happens. We were looking in everything
(including goofy css as someone says on this forum), but have no
luck so far. Here is my link and I pasted my css here.
http://www.norithefish.com/index2.html
Many thanks for this.
Noriko
/* HTML tag styles */
body
{background: #cccccc; font-family: Verdana, Arial, Helvetica,
sans-serif;
font-size: small; color: #000000; font-weight: normal}
a { color: #333333; text-decoration: none }
a:active { color: #666666; text-decoration: none }
a:hover { color: #CC3300; text-decoration: underline }
.bodytext { font-size: small; color: #000000; font-weight:
normal}
.smalltext { font-size: x-small; color: #000000; font-weight:
normal}
.smalltextw { font-size: x-small; color: #ffffff;
font-weight: normal}
.title{ font-size: 1.5em; font-weight: bold; color: #CC3300}
.wbracket{ font-size: small; font-weight: normal; color:
#ffffff}
.smalltitle { font-size: 1em; font-weight: normal; color:
#666666}
.sub { font-size: small; font-weight: bold; color: #ffffff }
.foot { font-size: x-small; font-weight: normal; color:
#000000}
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #cc3300
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.15em;
color: #cc3300
h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
color: #666666
ul{
list-style-type: square;
ul ul{
list-style-type: disc;
ul ul ul{
list-style-type: none;
/* Layout Divs */
#pageNav{
float: left;
width:21.3%;
top:10px;
padding-left: 0px;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
#content{
width:75%;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 1px 20px;
/* Component Divs */
#siteName{
margin: 0px;
padding: 16px 0px 8px 0px;
color: #ffffff;
font-weight: normal;
/************** feature styles *****************/
.feature{
padding: 0px 0px 0px 0px;
font-size: 100%;
/************* #siteInfo styles ***************/
#siteInfo{
clear: both;
font-size: 100%;
background-color: #999999;
padding: 0px 0px 0px 0px;
border-top: 1px solid #666666;
/************* #smalltitle styles ***************/
#smalltitle{
clear: both;
background-color: #ffffff;
font-size: 100%;
padding: 0px 0px 0px 0px;
border-top: 1px solid #CC3300;
border-bottom: 1px solid #CC3300;
/*********** #sectionLinks styles ***********/
#sectionLinks{
position: relative;
width: 150px;
margin: 0px;
padding: 0px;
border-bottom: 1px solid #cccccc;
font-size: 90%;
#sectionLinks a:link{
font-size: 1.15em;
padding: 2px 0px 5px 10px;
border-top: 1px solid #cccccc;
width: 100%;
width: auto;
#sectionLinks a:visited{
font-size: 1.15em;
border-top: 1px solid #cccccc;
padding: 2px 0px 5px 10px;
#sectionLinks a:hover{
font-size: 1.15em;
border-top: 1px solid #cc3300;
background-color: #dddddd;
padding: 2px 0px 5px 10px;
/*********** .frame styles ***********/
.frame {
width: 700px;
left: 50%;
padding-top: 0px;
margin-left: -350px;
margin-top: 0px;
position: absolute;
visibility: visible;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
background-color: #ffffff;
.bg {
height: 1px;
background-color: #cccccc;
width: 100%;
/*********** #pageNav link styles ***********/
#pageNav ul a:link, #pageNav ul a:visited {display: block;}
#pageNav ul {list-style: none; margin: 0; padding: 0;}
/* hack to fix IE/Win's broken rendering of block-level
anchors in lists */
#pageNav li {border-bottom: 1px solid #EEE;}
/* fix for browsers that don't need the hack */
html>body #pageNav li {border-bottom: none;}
/********************* end **********************/> *** you are missing <li> at the beginning of the
line and </li> at the end
> or you want to remove the </li> from the previous
lines.
Or move the image within the existing pair. You cannot have
that
construction, though -
<li>blah</li>
<img>
<li>blah</li>
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"josie1one" <[email protected]> wrote in message
news:[email protected]...
> It sounds to me as if it's a path issue.
> Your path is this:
> <link rel="stylesheet" href="styles/inside.css"
type="text/css">
>
> Does he have a folder called "styles" within which
should be the
> stylesheet?
>
> You have a couple of code problems (I'd say unrelated to
your question).
> <li><a href="1-about.html">Order your Tshirt
</a></li>
> <img src="ferrari_team_polo.jpg" alt="photo of a
T-shirt" width="120"
> height="180">***
> <li><a href="1-about.html">Order your
cap</a></li>
> <img src="ferrari_cap.jpg" alt="photo of a cap"
width="120"
> height="75"><br>***
>
> *** you are missing <li> at the beginning of the
line and </li> at the end
> or you want to remove the </li> from the previous
lines.
>
> and according to
>
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.norithefish.com%2Findex2.html
>
> you have an extra </div> a couple of lines above
the </body>
>
>
> --
> Jo
>
>
>
>
>
> "norithefish" <[email protected]> wrote
in message
> news:[email protected]...
>> Hello, I wonder if anyone can help. I would
appreciate very much if you
>> can...
>> I have read all the css related problems, but did
not see the problem I
>> am
>> having.
>>
>> Anyway, I have done a website template for someone
and I gave it to him
>> to
>> update the contents. However, on his dreamweaver
Design view, the css
>> does not
>> support it at all so it looks all messy. Though when
he preview it on IE,
>> this
>> is all fine. I have made templates and css files
with dreamweaver and I
>> can
>> view everything fine. He seems to have the same
version of DW (MX 2004)
>> so I am
>> not sure how this happens. We were looking in
everything (including goofy
>> css
>> as someone says on this forum), but have no luck so
far. Here is my link
>> and I
>> pasted my css here.
>>
>>
http://www.norithefish.com/index2.html
>>
>> Many thanks for this.
>> Noriko
>>
>> /***********************************************/
>> /* HTML tag styles */
>> /***********************************************/
>>
>> body
>> {background: #cccccc; font-family: Verdana, Arial,
Helvetica, sans-serif;
>> font-size: small; color: #000000; font-weight:
normal}
>>
>> a { color: #333333; text-decoration: none }
>>
>> a:active { color: #666666; text-decoration: none }
>>
>> a:hover { color: #CC3300; text-decoration: underline
>>
>> .bodytext { font-size: small; color: #000000;
font-weight: normal}
>>
>> .smalltext { font-size: x-small; color: #000000;
font-weight: normal}
>>
>> .smalltextw { font-size: x-small; color: #ffffff;
font-weight: normal}
>>
>> .title{ font-size: 1.5em; font-weight: bold; color:
#CC3300}
>>
>> .wbracket{ font-size: small; font-weight: normal;
color: #ffffff}
>>
>> .smalltitle { font-size: 1em; font-weight: normal;
color: #666666}
>>
>> .sub { font-size: small; font-weight: bold; color:
#ffffff }
>>
>> .foot { font-size: x-small; font-weight: normal;
color: #000000}
>>
>>
>> h1 {
>> font-family: Verdana, Arial, Helvetica, sans-serif;
>> font-size: 1.5em;
>> color: #cc3300
>> }
>> h2 {
>> font-family: Verdana, Arial, Helvetica, sans-serif;
>> font-size: 1.15em;
>> color: #cc3300
>> }
>> h3 {
>> font-family: Verdana, Arial, Helvetica, sans-serif;
>> font-size: 1em;
>> color: #666666
>> }
>>
>> ul{
>> list-style-type: square;
>> }
>>
>> ul ul{
>> list-style-type: disc;
>> }
>>
>> ul ul ul{
>> list-style-type: none;
>> }
>>
>>
>> /***********************************************/
>> /* Layout Divs */
>> /***********************************************/
>>
>> #pageNav{
>>
>> float: left;
>> width:21.3%;
>>
>> top:10px;
>> padding-left: 0px;
>> border-bottom: 1px solid #cccccc;
>> border-right: 1px solid #cccccc;
>> }
>>
>> #content{
>> width:75%;
>> float: left;
>> padding: 0px 0px 0px 0px;
>>
>> margin: 0px 0px 1px 20px;
>>
>> }
>>
>>
>> /***********************************************/
>> /* Component Divs */
>> /***********************************************/
>> #siteName{
>> margin: 0px;
>> padding: 16px 0px 8px 0px;
>> color: #ffffff;
>> font-weight: normal;
>> }
>>
>>
>> /************** feature styles *****************/
>>
>> .feature{
>> padding: 0px 0px 0px 0px;
>> font-size: 100%;
>>
>>
>> }
>>
>>
>>
>> /************* #siteInfo styles ***************/
>>
>> #siteInfo{
>> clear: both;
>>
>> font-size: 100%;
>> background-color: #999999;
>> padding: 0px 0px 0px 0px;
>> border-top: 1px solid #666666;
>> }
>>
>> /************* #smalltitle styles ***************/
>>
>> #smalltitle{
>> clear: both;
>>
>> background-color: #ffffff;
>> font-size: 100%;
>> padding: 0px 0px 0px 0px;
>> border-top: 1px solid #CC3300;
>> border-bottom: 1px solid #CC3300;
>>
>> }
>>
>>
>>
>> /*********** #sectionLinks styles ***********/
>>
>> #sectionLinks{
>> position: relative;
>> width: 150px;
>> margin: 0px;
>> padding: 0px;
>> border-bottom: 1px solid #cccccc;
>> font-size: 90%;
>>
>> }
>>
>>
>>
>> #sectionLinks a:link{
>> font-size: 1.15em;
>> padding: 2px 0px 5px 10px;
>> border-top: 1px solid #cccccc;
>> width: 100%;
>>
>> width: auto;
>> }
>>
>> #sectionLinks a:visited{
>> font-size: 1.15em;
>> border-top: 1px solid #cccccc;
>> padding: 2px 0px 5px 10px;
>> }
>>
>> #sectionLinks a:hover{
>> font-size: 1.15em;
>> border-top: 1px solid #cc3300;
>> background-color: #dddddd;
>> padding: 2px 0px 5px 10px;
>> }
>>
>>
>>
>>
>> /*********** .frame styles ***********/
>> .frame {
>> width: 700px;
>> left: 50%;
>> padding-top: 0px;
>>
>> margin-left: -350px;
>> margin-top: 0px;
>> position: absolute;
>> visibility: visible;
>>
>> border-top: 1px solid #999999;
>> border-bottom: 1px solid #999999;
>> border-right: 1px solid #999999;
>> border-left: 1px solid #999999;
>> background-color: #ffffff;
>> }
>> .bg {
>> height: 1px;
>>
>> background-color: #cccccc;
>> width: 100%;
>> }
>>
>> /*********** #pageNav link styles ***********/
>>
>> #pageNav ul a:link, #pageNav ul a:visited {display:
block;}
>> #pageNav ul {list-style: none; margin: 0; padding:
0;}
>>
>> /* hack to fix IE/Win's broken rendering of
block-level anchors in lists
>> */
>> #pageNav li {border-bottom: 1px solid #EEE;}
>>
>> /* fix for browsers that don't need the hack */
>> html>body #pageNav li {border-bottom: none;}
>>
>> /********************* end **********************/
>>
>>
>>
>>
>
> -
Rendering - position on report preview is not where field is in design view
Hello all,
I have looked over the forums as best as I can and have not located a post like this. Please feel free to point out an existing post if there is one.
I am working on a report that is designed to print payment information on pre-printed check stock. In the first link please notice that in Group Footer 4 I have highlighted a field that while in the design view it appears where I would like it when I run this report in the software it will be generated in it shows up in a different location as seen in the second link. The dollar amount of $365.07 (called @PeriodNetpay) is designed to show to the right of the check number (called CMRef) in design view and instead shows to the left of the check number in the rendering software.
[report as seen in design view|http://imageshack.us/photo/my-images/94/201108151100.png/]
[report as seen in rendering of report|http://imageshack.us/photo/my-images/828/201108151059.png/]
I was originally using Crystal Reports Professional 11.0.0.1282 to create the report. The rendering software I am working in uses the 11.5.0.0 version of the reports rendering engine ( I can provide a dll version on request, please just let me know the necessary dll file name) and is called Crystal Report XI Release 2 .NET 2005 Server in add/remove programs. This happens intermittently so I am not able to repeat the problem at will. It always shows correctly when I preview the report in Crystal
I have verified that there is no formula present that drives the X position of the field as seen in the Object Size and Position window. I am not aware of any other formula location that can modify the field to move as shown. I am unable to control the rendering software version.
Any suggestions on where to look next or any other observations would be appreciated.
Thank you
Scott
Edited by: SAlvey on Aug 15, 2011 8:31 PMHi Scott,
You were close, I moved your post to .NET SDK forums. Since it works in the designer and only an issue in your app...
Only thing I can suggest is you verify you are on Service Pack 6 and the redist package?
https://smpdl.sap-ag.de/~sapidp/012002523100009114712011E/crxir2sp4_fullbuild.exe
https://smpdl.sap-ag.de/~sapidp/012002523100009114412011E/crxir2sp6_incremental.exe
https://smpdl.sap-ag.de/~sapidp/012002523100013451332010E/crxir2_fp64_net_mm.zip
Or
https://smpdl.sap-ag.de/~sapidp/012002523100013451312010E/crxir2_fp64_server_ins.zip
Then it could be due to the default Printer you have as compared to the user. Some of those Drivers are very old and have problems. Get them to install the latest Printer drivers and make sure they are .NET compatible...
And what Language are they using, I'm wondering if this has to do with right to left orientation....
Thanks
Don -
Why hasn't the tutorial been updated to reflect 4.7's lack of a Design View?
This series uses version 4.5 which is no longer available. It frequently mentions the DESIGN VIEW and how easy it is to use, yet there is NO design view (nor is there a Components tab on the lower left box) in current version 4.7. Not only that, but the code used in several of the first day examples is not valid in Flash Builder 4.7 / Flash Player 11 and the browser refuses to show those examples (btw: most of the examples still work in 4.7). There are now ActionScript related errors in the examples that demonstrated Design View. You've had 2 years to fix this...
It seems that you might be shooting yourself in the foot here by:
1. Not giving new users who want to learn how to work in this environment current information (or at least linbking to new information). This is NOT a way to encourage new customers!
2. Not showing any work around options - such as linking to Dreamweaver, Illustrator or Flash Pro in some way? or updating the tutorial and showing how to create the components in the code view?
3. Marketing? Standards? groups within the company need to anticipate and develop fixes BEFORE making such drastic changes - this has NOT been done and it reflects poorly on the product (which is actually pretty cool)!
What is the alternative?
Aren't there other tools in CC that can be integrated in some already well defined way? i.e. I can edit a menu in Encore by selecting "edit in Photoshop". Why can't something like this be available?
I realize that this is one of Adobe's evolutionary mashup products (ie. Flash uses the timeline that originated in Director, Premiere & AfterEffects use tools acquired from CultEffects and AutoMasker, etc.) so there are many behind the scenes licensing issues that have determined the product evolution (and the products occasionally evolve in unexpected ways) - but it seems a bit contrarian to remove useful features without providing workarounds that users will think are BETTER than the old way!Why complicate yourself? Adobe has almost pulled itself off from enterprise level flex delevopment to create new HTML5 tooling.
They will not pay to upgrade a training that is on the verge of getting unsupported. Just satisfy your training needs with other resources, such as lynda.com, pluralsight, etc.
Always remember, we are talking about capitalist companies here, if its not done for profit, then its not possible. -
Can't see design view in DW CS 4 or 2004
I am very new to DW but I have a template (that I inherited) working in Design View with DW CS 5.5, but can't see it in CS 4 (mac) or MX 2004 PC versions. I want to make it editable so I need the design view. In CS 4 (mac) I can see it correctley in Live View. The 5.5 is a trail version so I really need it in MX 2004. I would really appreciate some help on this. The code is below. Thanks, Bill
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><!-- InstanceBegin template="/Templates/Afrikorig_template_editable.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- InstanceBeginEditable name="doctitle" -->
<title>AfrikOriginal</title>
<!-- InstanceEndEditable -->
<link href="http://www.afrikoriginal.com/afrikoriginal_wrapper.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
-->
</style>
<!-- InstanceBeginEditable name="head" -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<!-- InstanceEndEditable -->
</head>
<body>
<div id="standardpage">
<!-- Hearder/Footer Begin DON"T TOUCH ANYTHING IN HERE -->
<img src="http://www.afrikoriginal.com/site_images/footer.jpg" alt="Header" width="1024" height="54" border="0" class="footer" longdesc="http://www.afrikoriginal.com/site_images/footer.jpg">
<!-- Hearder/Footer End DON"T TOUCH ANYTHING IN HERE -->
<!-- Rules Begin DON"T TOUCH ANYTHING IN HERE -->
<img src="http://www.afrikoriginal.com/site_images/top_rule.png" alt="Top Rule" width="975" height="6" border="0" class="toprule" longdesc="http://http://www.afrikoriginal.com/site_images/top_rule.png">
<img src="http://www.afrikoriginal.com/site_images/description_box_rule.png" alt="Top Desdription Box Rule" width="490" height="3" border="0" class="topdescriprule" longdesc="http://www.afrikoriginal.com/site_images/description_box_rule.png">
<img src="http://www.afrikoriginal.com/site_images/description_box_rule.png" alt="Bottom Desdription Box Rule" width="490" height="3" border="0" class="bottomdescriprule" longdesc="http://www.afrikoriginal.com/site_images/description_box_rule.png">
<!-- Rules End DON"T TOUCH ANYTHING IN HERE -->
<!-- Photos Begin EDIT IMAGE NAMES IN HERE -->
<img src="http://www.afrikoriginal.com/ebay_images/photo_placeholder.png" alt="Photo 1" width="400" height="260" border="0" class="photo1" longdesc="http://www.afrikoriginal.com/ebay_images/photo_placeholder.png">
<img src="http://www.afrikoriginal.com/ebay_images/photo_placeholder.png" alt="Photo 2" width="400" height="260" border="0" class="photo2" longdesc="http://www.afrikoriginal.com/ebay_images/photo_placeholder.png">
<img src="http://www.afrikoriginal.com/ebay_images/photo_placeholder.png" alt="Photo 3" width="400" height="260" border="0" class="photo3" longdesc="http://www.afrikoriginal.com/ebay_images/photo_placeholder.png">
<!-- Photos End -->
<div id="producttitle">
<!-- Product Title Begin EDIT TEXT IN HERE -->
EDIT TITLE
<!-- Product Title End -->
</div>
<div id="productinfo">
<!-- Product Info Begin EDIT TEXT IN HERE -->
Type of Object: <!-- InstanceBeginEditable name="Type of object" --><!-- TemplateBeginEditable name="Type of Object"-->Ring<!-- InstanceEndEditable --><br />
Ethnic Group: <!-- InstanceBeginEditable name="Ethnic group" -->Africa<!-- InstanceEndEditable --><br />
Country of Origin: Edit<br />
Material: Edit<br />
Dimensions: Edit<br />
Overall Condition: Edit<br />
<!-- Product Info End EDIT -->
</div>
<!-- Item Description Header Begin DON"T TOUCH ANYTHING IN HERE -->
<div id="itemdescriptionheader">
Item Description:
</div>
<!-- Item Description Header End DON"T TOUCH ANYTHING IN HERE -->
<div id="itemdescription">
<!-- Item Description Begin EDIT TEXT IN HERE -->
Edit item description here.
<!-- Item Description End -->
</div>
<!-- Shipping Info Header Begin DON"T TOUCH ANYTHING IN HERE -->
<div id="shippinginfoheader">
Shipping Info:
</div>
<!-- Shipping Info Header End DON"T TOUCH ANYTHING IN HERE -->
<div id="shippinginfo">
<!-- Shipping Info Begin EDIT TEXT IN HERE -->
Edit Shipping Info Here.
<!-- Shipping Info Begin EDIT TEXT IN HERE -->
</div>
</div>
</div>
</body>
<!-- InstanceEnd --></html>Here it is
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- TemplateBeginEditable name="doctitle" -->
<title>AfrikOriginal</title>
<!-- TemplateEndEditable -->
<link href="http://www.afrikoriginal.com/afrikoriginal_wrapper.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
-->
</style>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>
<body>
<div id="standardpage">
<!-- Hearder/Footer Begin DON"T TOUCH ANYTHING IN HERE -->
<img src="http://www.afrikoriginal.com/site_images/header.jpg" alt="Header" width="1024" height="159" border="0" class="header" longdesc="http://www.afrikoriginal.com/site_images/header.jpg">
<img src="http://www.afrikoriginal.com/site_images/footer.jpg" alt="Header" width="1024" height="54" border="0" class="footer" longdesc="http://www.afrikoriginal.com/site_images/footer.jpg">
<!-- Hearder/Footer End DON"T TOUCH ANYTHING IN HERE -->
<!-- Rules Begin DON"T TOUCH ANYTHING IN HERE -->
<img src="http://www.afrikoriginal.com/site_images/top_rule.png" alt="Top Rule" width="975" height="6" border="0" class="toprule" longdesc="http://http://www.afrikoriginal.com/site_images/top_rule.png">
<img src="http://www.afrikoriginal.com/site_images/description_box_rule.png" alt="Top Desdription Box Rule" width="490" height="3" border="0" class="topdescriprule" longdesc="http://www.afrikoriginal.com/site_images/description_box_rule.png">
<img src="http://www.afrikoriginal.com/site_images/description_box_rule.png" alt="Bottom Desdription Box Rule" width="490" height="3" border="0" class="bottomdescriprule" longdesc="http://www.afrikoriginal.com/site_images/description_box_rule.png">
<!-- Rules End DON"T TOUCH ANYTHING IN HERE -->
<!-- Photos Begin EDIT IMAGE NAMES IN HERE -->
<!-- TemplateBeginEditable name="Pix 1" --><img src="http://www.afrikoriginal.com/ebay_images/photo_placeholder.png" alt="Photo 1" width="400" height="260" border="0" class="photo1" longdesc="http://www.afrikoriginal.com/ebay_images/photo_placeholder.png"><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="Pix 2" --><img src="http://www.afrikoriginal.com/ebay_images/photo_placeholder.png" alt="Photo 2" width="400" height="260" border="0" class="photo2" longdesc="http://www.afrikoriginal.com/ebay_images/photo_placeholder.png"><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="Pix 3" --><img src="http://www.afrikoriginal.com/ebay_images/photo_placeholder.png" alt="Photo 3" width="400" height="260" border="0" class="photo3" longdesc="http://www.afrikoriginal.com/ebay_images/photo_placeholder.png"><!-- TemplateEndEditable -->
<!-- Photos End -->
<div id="producttitle">
<!-- Product Title Begin EDIT TEXT IN HERE -->
<!-- TemplateBeginEditable name="Title" -->EDIT TITLE<!-- TemplateEndEditable -->
<!-- Product Title End -->
</div>
<div id="productinfo">
<!-- Product Info Begin EDIT TEXT IN HERE -->
Type of Object: <!-- TemplateBeginEditable name="Object type" -->Edit<!-- TemplateEndEditable --><br />
Ethnic Group: <!-- TemplateBeginEditable name="Ethnic Group" -->Edit<!-- TemplateEndEditable --><br />
Country of Origin: <!-- TemplateBeginEditable name="Country" -->Edit<!-- TemplateEndEditable --><br />
Material: <!-- TemplateBeginEditable name="Material" -->Edit<!-- TemplateEndEditable --><br />
Dimensions: <!-- TemplateBeginEditable name="Dimensions" -->Edit<!-- TemplateEndEditable --><br />
Overall Condition: <!-- TemplateBeginEditable name="Condition" -->Edit<!-- TemplateEndEditable --><br />
<!-- Product Info End EDIT -->
</div>
<!-- Item Description Header Begin DON"T TOUCH ANYTHING IN HERE -->
<div id="itemdescriptionheader">
Item Description:
</div>
<!-- Item Description Header End DON"T TOUCH ANYTHING IN HERE -->
<div id="itemdescription">
<!-- Item Description Begin EDIT TEXT IN HERE -->
<!-- TemplateBeginEditable name="Description" -->Edit item description here. <!-- TemplateEndEditable -->
<!-- Item Description End -->
</div>
<!-- Shipping Info Header Begin DON"T TOUCH ANYTHING IN HERE -->
<div id="shippinginfoheader">
Shipping Info:
</div>
<!-- Shipping Info Header End DON"T TOUCH ANYTHING IN HERE -->
<div id="shippinginfo">
<!-- Shipping Info Begin EDIT TEXT IN HERE -->
<!-- TemplateBeginEditable name="Shipping" -->Edit Shipping Info Here.<!-- TemplateEndEditable -->
<!-- Shipping Info Begin EDIT TEXT IN HERE -->
</div>
</div>
</body>
</html> -
Design view of CSS layout is innacurate
Hello all -
I'm beginning to redraft my company's hompage using a full
CSS layout instead of our current nested table layout. Since I need
to ensure that other staff members can edit pages freely - and I'm
the only person comfortable doing straight code - it's important
that the design view is as accurate as possible.
When editing in Dreamweaver 8, my three column layout (a left
table of contents, a center content column, and an additional
content right column) breaks so that the table of contents
dissapears. Some people have spoken with have suggested that my
problem might be the negative margins I'm using to position the
floated columns that form the meat of the page.
You can view the page here:
http://www.southernenvironment.org/test/home_redraft.html
The CSS is here:
http://www.southernenvironment.org/test/style_redraft.css
In addition, the header navbar also appears strangely. In
Design View, two word titles (ie. "Our Programs") break on to two
separate lines, instead of staying in one line as they do in
browsers I've tested.
The frustrating thing about this is that my design seems to
work in most browsers - but without a somewhat accurate
representation in Dreamweaver, I won't be able to sell the idea of
a standards-based revamp to other staff here.
Any ideas?
MattYour CSS is not tight enough to get accurate columns. You
shouldn't try to
define the columns with the body tag. For a purely CSS site,
you really find
out why the code is called 'cascading' styles. They cascade
all right. We've
just finished wrestling with a similar re-design with CSS and
the order of
how tags and files come into play is very important.
We have defined the body tag with background color, 0 margins
and font
family, color and size only. Header/footer and columns are
defined by ID.
The three "content" columns are within a page container,
header and footer
outside the page container. How these elements are placed is
important, as
they cascade.
We use 3 linked main css files, 1) Page Layout (3 or 4
different options) 2)
Page presentation (all text styles) 3) Page menu styles (only
menu styles).
They are in that order, as the only body tag is in Page
Layout.
If a page has a watermarked background we import the code
just for the
watermark.
This is not true for the home page, but all other pages in
the site.
http://www.nic.bc.ca/index.asp
I hope this helps.
Marianne
"homestar79" <[email protected]> wrote in
message
news:[email protected]...
> Hello all -
>
> I'm beginning to redraft my company's hompage using a
full CSS layout
> instead
> of our current nested table layout. Since I need to
ensure that other
> staff
> members can edit pages freely - and I'm the only person
comfortable doing
> straight code - it's important that the design view is
as accurate as
> possible.
>
> When editing in Dreamweaver 8, my three column layout (a
left table of
> contents, a center content column, and an additional
content right column)
> breaks so that the table of contents dissapears. Some
people have spoken
> with
> have suggested that my problem might be the negative
margins I'm using to
> position the floated columns that form the meat of the
page.
>
> You can view the page here:
>
>
http://www.southernenvironment.org/test/home_redraft.html
>
> The CSS is here:
>
>
http://www.southernenvironment.org/test/style_redraft.css
>
> In addition, the header navbar also appears strangely.
In Design View,
> two
> word titles (ie. "Our Programs") break on to two
separate lines, instead
> of
> staying in one line as they do in browsers I've tested.
>
> The frustrating thing about this is that my design seems
to work in most
> browsers - but without a somewhat accurate
representation in Dreamweaver,
> I
> won't be able to sell the idea of a standards-based
revamp to other staff
> here.
>
> Any ideas?
>
> Matt
> -
Inserting DIVs in HTML view screws Design view but preview is fine
RH8 HTML
Hi all,
Ive been working on a fix for a client, forcing a footer banner to the bottom of the screen, regardless of content in the page. Its nearly working fine, just a bit more tweaking, but one problem I am having.
I am editing and adding <div> in HTML view, so that the positioning works.
However, when I view the page in Design view, its all messed up, the content is really narrow and stretches down the page for a long time. However, when I preview, and generate the page it looks fine.
Its an issue, because the client will be given the RH source files at the end of the project, and with the front end editor looking like this its not going to be weasy for the to edit it, let alone me finish with all the content.
Has anyone come across this before? Is the Design viewer not the best at displaying div content ?
The HTML where the <div> is set off before content is entered:
<body>
<div id="wrap">
<div id="main">
<div id="spacing">
***********all content in here************
</div>
</div>
</div>
</body>
The CSS that the <div> is calling
#wrap {
min-height: 100%;
border-left: 1px solid #9ea6ad;
#main {
overflow: auto;
padding-bottom: 54px;
/* must be same height as the footer */
#spacing {
padding: 10px;
#footer {
position: relative;
margin-top: -54px;
height: 54px;
background: url(footer.gif) repeat-X;
clear: both;
border-left: 1px solid #9ea6ad;
/* negative value of footer height */
#footer p {
padding-top: 15px;
padding-right: 10px;
color: #ffffff;
font-family: Arial, sans-serif;
font-size: 10pt;
text-align: right;
/*Opera Fix*/body:before {
content: ;
height: 100%;
float: left;
width: 0;
margin-top: -32767px;Hi Nick
What you are doing is working outside the boundaries of what RoboHelp natively does. If working with DIVs was part of that you wouldn't be forced to create them in the HTML view. As a result, I'm not surprised that the Design view isn't totally understanding how to deal with it.
No workaround I can think of here. Sorry about that. Maybe someone else has something to offer. What I'm posting to ask is that you please report this to Adobe as a bug. Who knows, maybe they have some magickal scripting or something they can do to accommodate it. At minimum, they need to be aware of the issue so they can factor it into a future release. Use the Feature Request link in my sig.
Cheers... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7 or 8 within the day - $24.95!
Adobe Certified RoboHelp HTML Training
SorcerStone Blog
RoboHelp eBooks -
When I click Live View, I can see my page, and it shows up in a browser just fine, but I can't edit in that mode. However, when I click Live View again, I just get a gray, blank page with the tag, meta, sytle, script, and link icons at the top left. I've been tinkering with it for the last two hours, and nothing I try is getting the page to appear in Design, or Split view. It's driving me nuts. Any suggestions?
Here's the code.
<!--
body
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
padding: 0;
margin: 0;
h1, h2, h3, h4, h5, h6, p {
margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
padding-right: 15px;
padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
border: none;
max-width: 900px;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link
a:visited
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
text-decoration: none;
/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container
/* ~the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo~ */
.header {
background-color: #424661;
/* ~~ This is the layout information. ~~
1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the total width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
.content
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol
/* ~~ The footer ~~ */
.footer
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
float: left;
margin-right: 8px;
.clearfloat { /* this class can be placed on a
or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
-->
!Banner.gif|height=185|alt=banner|width=960|src=Banner.gif!
Buyers
[Item 2.1 | #]
[Item 2.2 | #]
[Item 2.3 | #]
Sellers
[Item 3.1 | #]
[Item 3.1.1 | #]
[Item 3.1.2 | #]
[Item 3.2 | #]
[Item 3.3 | #]
Contact Us
About Us
Ford's Blog
Job Opportunities
Instructions
Be aware that the CSS for these layouts is heavily commented. If you do most of your work in Design view, have a peek at the code to get tips on working with the CSS for the liquid layouts. You can remove these comments before you launch your site. To learn more about the techniques used in these CSS Layouts, read this article at Adobe's Developer Center - http://www.adobe.com/go/adc_css_layouts .</p>
Layout
Since this is a one-column layout, the .content is not floated.
Logo Replacement
An image placeholder was used in this layout in the .header where you'll likely want to place a logo. It is recommended that you remove the placeholder and replace it with your own linked logo.
Be aware that if you use the Property inspector to navigate to your logo image using the SRC field (instead of removing and replacing the placeholder), you should remove the inline background and display properties. These inline styles are only used to make the logo placeholder show up in browsers for demonstration purposes.
To remove the inline styles, make sure your CSS Styles panel is set to Current. Select the image, and in the Properties pane of the CSS Styles panel, right click and delete the display and background properties. (Of course, you can always go directly into the code and delete the inline styles from the image or placeholder there.)
Footer
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", );
</script>
</body>
</html -
In Design View, not seeing PHP includes
I'm on a new Vista laptop using DW CS3, and pages whose
contents displayed
in Design View before aren't displaying in Design View.
They're PHP pages
with some includes, such as this one:
http://www.miraverse.com/manifold20/studio/music-room.php
In Design View, I only see the non-include parts of the page.
That preference under Invisible Elements, to view SSIs in
Design View, IS
checked.
Any help will be MUCH appreciated!
Patty Ayers | Adobe Community Expert
www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate
Worksheet>I see that you wrote, "But if you want to work with DW,
you must not have
> <html>, <head>, or <body>
> tags in your includes."
I conditionally retract that statement, since CS4 seems to
tolerate this
pretty well.
Let's restate it this way -
If you have such tags in your include files, then you MUST
NOT HAVE THEM IN
THE PARENT PAGE. In other words, the final assembled page
must have only a
single set of <html>, <head>, or <body>
tags.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"hbograd" <[email protected]> wrote in
message
news:[email protected]...
>I see that you wrote, "But if you want to work with DW,
you must not have
> <html>, <head>, or <body>
> tags in your includes."
>
> I'm a generally experienced computer user (but not a
programmer), but new
> to
> web design and dreamweaver. I just had a volunteer web
designer go through
> our
> nonprofit group's big website and create a test site
converting all .html
> files
> to .php, and using server side includes. The test site
seems to work now
> in
> Firefox and Internet Explorer, but I can't view the
stuff from the
> includes in
> Dreamweaver. Our volunteer has no experience with
Dreamweaver.
>
> It sounds like the key to the problem might be that he's
used <html>,
> <head>,
> or <body>
> tags in our includes. Here, as an example, is the text
of footer.php:
>
> </div></body></html>
>
> Is the solution to re-enter the <html>,
<head>, and <body> tags in each
> individual file? I'd love to see an example of where
they go in relation
> to the
> includes.
>
> A more basic question: When people talk about "SSI's" in
this forum, do
> they
> mean server side includes?
>
> Can you point me to any kind of tutorial or other
resources that deal with
> using server side includes with Dreamweaver?
>
> Thanks.
>
> Harriet
>
>
>
>
>
> "</div></body></html>
> -
Design View Not Displaying Pages with any Formatting
I asked this question in another thread and somebody locked it. The question is not answered. My Design view is not displaying my files with any formatting. I can view them in a browser, but not in Design view where I can see my work as I'm working. While I can upload files to the remote server (host provider) the links got screwed up so files on the remote server don't show any formatting either. Every link, thousands of links, are off by one word (folder) from where my site was residing on my hard drive. When I try to make a change to the links manually then I can no longer view them with any formatting in my own browser either.
On my local broswer on my PC the address line reads: http://localhost/folderNameIneedToDelete/filename.php
On the live website (for my homepage) the address line reads http://websiteName.com/folderNameIneedToDelete/index.html
(Here is the text from another thread that was improperly locked)
I just added a remote server to my site so I could begin uploading files to my host provider. When I saved the setup I saw a message popup about the cache changing. Now when I try to view a file in Dreamweaver in Design View it doesn't recognize any of the external style sheets. It displays with no formating.
I can still view the pages in a browser and they look appropriate, just not in Design View where I can continue working on the site as I've been doing.
How do I get Design View to display my pages properly again using the .css pages that apply to each page design?
Thanks,
RobertMurray, thanks for all your assistance.
Before I edit thousands of links again I want to confirm I've interpreted all your info correctly. If I setup everything as follows all my pages should work in Design View, browsers accessed from the "Preview/Debug in browser" icon in Dreamweaver and most importantly in a live environment at a host provider:
Site Setup
Site - Site Name: anything including spaces
Site - Local Site Folder: C:\wamp\www\rootfoldername\
Servers - Testing Server (Testing: checked)
Server Name: Testing Server
Connect Using: Local/Network
Server Folder: C:\wamp\www\rootfoldername\
Web URL: http://localhost/rootfoldername/
Remote Server - Maintain synmchronization information: checked
Remote Server - Automatically upload files to server on Save: unchecked
Remote Server - Enable file check-out: unchecked
Testing Server - Server Model: PHP My SQL
Version Control - Access: None
Advanced Settings - Local Info - Default Images Folder: C:\wamp\www\rootfoldername\_images\
Advanced Settings - Local Info - Links relative to: Document
Advanced Settings - Local Info - Web URL: http://sitename.com/
Advanced Settings - Local Info - Case-sensitive links checking: unchecked
Advanced Settings - Local Info - Enable Cache: checked
Advanced Settings - Cloaking - Enable Cloaking: checked
Cloak files ending with: unchecked
Advanced Settings - Design Notes - Maintain Design Notes: checked
Advanced Settings - Design Notes - Enable Upload Design Notes for Sharing: unchecked
Advanced Settings - File View Columns - Name: Built In - Show
Advanced Settings - File View Columns - Notes: Built In - Hide
Advanced Settings - File View Columns - Size: Built In - Show
Advanced Settings - File View Columns - Type: Built In - Show
Advanced Settings - File View Columns - Modified: Built In - Show
Advanced Settings - File View Columns - Checked Out By: Built In - Show
Advanced Settings - Contribute - Enable Contribute compatibility: unchecked
Advanced Settings - Templates - Don't rewrite relative document paths: checked
Advanced Settings - Spry - Asset Folder: C:\wamp\www\rootfoldername\SpryAssets\
Site File Structure - place files in the following folders:
C:\wamp\www\rootfoldername
webpages (html & php)
_images - [folder] (there are numerous image folders beginning with _images) containing .jpg and .png files
_includes - [folder] containing attached .php files for the header, navigation and footer attached to every page
_scripts - [folder] containing .js script files
_styles - [folder] containing .css files (external style sheets)
Connections - [folder] contains one php file (databasename.php)
SpryAssets - [folder] containing system generated .js files .css files and .gif files
ZendFramework - [folder] - I have no idea if the files in this folder are necesary and why it was placed here many months ago
** Links **
Remove the leading / from every link in every file
HTML5 shiv
using an external link will always reflect the latest changes(Question) - If I link to this .js file externally at google instead of linking to a current copy in my _script folder could future changes to this external .js file cause future problems with the webpages that have this file attached?
Remote Server
Setup a remote server using the ftp address settings provided by the host provider. (Question) Any settings defined for the future Remote Server (the first remote server was deleted when problems occured) will not cause any harm to anything involving the Testing Server such as viewing webpages in Design View, browsers accessed from the "Preview/Debug in browser" icon in Dreamweaver and will not cause any harm to any files eventually put to the host provider via that future Remote Server. Is that correct?
Murray, thanks again for your help,
Robert -
DESIGN VIEW in blocks, dashed lines
I'm using DW CS5.5. Up until today, design view was working. Now I'm getting everything in blocks with dashed lines surrounding it. I have no idea how this happened or how to get it to go back to a usable design view. Live View is working, but I really need Design View to also work.
I've tried finding an answer in the Adobe manuals, but that was fruitless. No "troubleshooting". DW CS5.5 seems to be a very glitchy application -- I've searched the web and there seems to be a lot of people out there who are having problems with DW that just pop-up out of no where and then fixing them takes hours and lots of researach. I've tried posting on this forum before, but never got a reply and there's no Adobe support that seems to be available where someone can ask a question. So, I guess this is it. Can anyone out there tell me why they think this happened all of a sudden and on it's own? Thank you.Hi Nancy,
Well, you know that old saying, "can't see the forest for the trees". I didn't reboot, but I did shut down DW and restarted it, and to my great surprise, Design View was back in WYSIWYG. I hadn't really been doing anything before this happened, just had switched to Live View and then back to Design View. My computer is 1.5 months old and it's a dual processor, top of the line Toshiba, so I don't think that was the issue. Who knows with this software, I'm finding this version of DW CS5.5 to be very glitchy.
If you would, could you please look at my other post I just put out there regarding why my Footer won't clear the buttom of the above div's. I've tried everything, but nothing is working except giving it a Position:Absolute. I want to give it a Position:relative and then just have it clear the div's above it. The content background div also won't go all the way down. I think I must have SOMETHING in there that's causing these div's to stop, but I've looked and looked and used the "comments" code to disable and then turn back on one by one and still can't find a solution. It's very frustrating, especially since it's also now affecting my template since I made everything editable for my new pages I need to prepare.
Btw, nice to hear from someone, I've posted before and never seem to get an answer or even response. Trying to contact Adobe seems to be of little use. Again, thank you. -
Design View Doesn't Display Correctly
I am new to this forum so hope I do things correctly!
I have Vista and am using Dreamweaver 8 to produce 4 of my
websites, but I am having trouble on my www.victorian-cards.com
site. All the files where I have the problem validate without
errors and display correctly in both IE and FF. I have nine files
with this problem. One of the problem pages is
http://www.victorian-cards.com/funny-cards2.htm
When I look at these nine files in the Design View, all I can
see are the correct picture at the top, the top and bottom
navigation, Google Search, and the footer. Where the body is I see
horizontal lines and </td>. The </td> is highlighted in
yellow. I thought perhaps I had a coding error, but it validates
without any errors.
Help! I sure would appreciate some words of wisdom. I can
work in the code, but I like to check the design view before I
upload my files.
I have read that a lot of people are having this problem. I
did try changing the magnification, but this did not help.
Jeanne
Victorian Cards> Thanks for the quick reply. I tried this, but nothing
changed. Any other
> ideas?
>
> Jeanne
the page has html syntax errors- having to do with tr and td
tags.
Look at the code view in dw- see the yellow highlights??
It's probably just one error, find that one out and most of
the others will
be gone. There's too much stuff on the page for me to
sight-read the code
and find the error.
suggestion? Make a copy of the page, then start deleting
content so the
problem syntax error is more obvious. Delete working complete
tables to
isolate the problem one
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/ -
CS 3 - design view unavailable
I have "inherited" a site and when I open the pages in Dreamweaver CS3, I cannot see anything in Design View.
All the code is there in Code View, and the site works. Does anyone have a solution for this?There is quite a bit:
<html>
<head>
<title>PGA TOUR Wives Association</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function MM_CheckFlashVersion(reqVerStr,msg){
with(navigator){
var isIE = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1);
var isWin = (appVersion.toLowerCase().indexOf("win") != -1);
if (!isIE || !isWin){
var flashVer = -1;
if (plugins && plugins.length > 0){
var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : "";
desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc;
if (desc == "") flashVer = -1;
else{
var descArr = desc.split(" ");
var tempArrMajor = descArr[2].split(".");
var verMajor = tempArrMajor[0];
var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r");
var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0;
flashVer = parseFloat(verMajor + "." + verMinor);
// WebTV has Flash Player 4 or lower -- too low for video
else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0;
var verArr = reqVerStr.split(",");
var reqVer = parseFloat(verArr[0] + "." + verArr[2]);
if (flashVer < reqVer){
if (confirm(msg))
window.location = "http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash";
</script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">
<!--
-->
</style>
<link REL="SHORTCUT ICON" HREF="http://pgatourwives.org/favicon.ico">
<script src="Scripts/AC_ActiveX.js" type="text/javascript"></script>
</head>
</html>
<html>
<head>
</head>
<body bgcolor="61C42F" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_CheckFlashVersion('9,0,28,0','Content on this page requires a newer version of Macromedia Flash Player. Do you want to download it now?');">
<table width="852" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="left" valign="top" height="67" width="895" bgcolor="#FFFFFF"><a href="/index.php"><img src="images/headerlogo.gif" width="298" height="67" border="0"></a> </td>
</tr>
<tr>
<td width="895" height="172" align="left" valign="top"><p>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','widt h','852','height','172','src','/images/wives_OLD','quality','high','pluginspage','http://w ww.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash','movie','/i mages/wives_OLD' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="852" height="172">
<param name=movie value="/images/wives_OLD.swf">
<param name=quality value=high>
<embed src="/images/wives_OLD.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="852" height="172"> </embed>
</object>
</noscript>
<script language="javascript" src="/fixit.js"></script>
</p> </td>
</tr>
<tr>
<td align="left" valign="top">
<table width="859" height="3071" border="0" cellpadding="0" cellspacing="0" bordercolor="B4B5B4">
<tr>
<td width="12" align="left" valign="top" bgcolor="ED2893"><img src="links/images/ping.gif" width="12" height="1"></td>
<td width="14" align="center" valign="top" bgcolor="B4B5B4"><img src="links/images/grey.gif" width="14" height="1"></td>
<td width="222" align="center" valign="top" bgcolor="#FFFFFF"> <br>
<table width="435" border="0" cellspacing="0" cellpadding="5">
<tr>
<td align="left" valign="top">
<p align="center"><font size="4"><font face="Arial, Helvetica, sans-serif"><strong>Welcome!</strong></font></font></p>
<p align="justify"><font size="2" face="Arial, Helvetica, sans-serif">Welcome to the <span id="lw_1298489488_0">PGA TOUR</span> Wives Association website. Here you can find out about the fundraising and volunteer service projects and opportunities our membership is involved in on a local and national basis. We partner with many different organizations and supporters to raise money to support our mission: helping children and their families through charitable events. It's a mission that we've been involved in for over 20 years, and with the help of local volunteers, tournaments and supporters, we hope to continue doing so.<br>
<br>
Take a moment, won't you, to see how we work in the cities and hometowns that host PGA TOUR events and see how each tournament gives back to its local community. And see how we try to give back a little more, to make things a little better, in the communities we touch.</font></p>
<p align="center" class="style2"><font face="Arial, Helvetica, sans-serif" size="2"><em>Giving
Time to Others<br>
Giving Back to Communities<br>
Giving Through Golf</em></font><br>
</p>
<p align="center"><span class="style2">
...................................................................................... </span></p>
<p align="center"><strong><font face="Arial, Helvetica, sans-serif">Youth Day</font></strong><font face="Arial, Helvetica, sans-serif"><br>
<u>Transitions Championship</u></font></p>
<p align="center"><iframe width="414" height="347" src="http://www.youtube.com/embed/EcNLP9wCk_E" frameborder="0" allowfullscreen></iframe> </p>
<p align="center">.......................................................................... ............ </span></p>
<p align="center"><strong><font face="Arial, Helvetica, sans-serif">Operation Shower</font></strong><font face="Arial, Helvetica, sans-serif"><br>
<u>Northern Trust Open</u></font></p>
<p align="center">
<script type="text/javascript">
AC_FL_RunContent( 'width','414','height','347','id','ep_1861','src','http://i.cdn.turner.com/pgatour/.element/apps/cvp/4.0/swf/cvp_embed_container?site=pgatour &profile=1&context=embed&contentId=/video/video/pga-tour/features/2012/03/29/featcharityop showerpgatourmpg-2050425','bgcolor','#000000','allowfullscreen','true','allowscriptaccess' ,'always','wmode','opaque','movie','http://i.cdn.turner.com/pgatour/.element/apps/cvp/4.0/ swf/cvp_embed_container?site=pgatour&profile=1&context=embed&contentId=/video/video/pga-to ur/features/2012/03/29/featcharityopshowerpgatourmpg-2050425' ); //end AC code
</script><noscript><object width="414" height="347" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="ep_1861"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="wmode" value="opaque" /><param name="movie" value="http://i.cdn.turner.com/pgatour/.element/apps/cvp/4.0/swf/cvp_embed_container.swf?site=pga tour&profile=1&context=embed&contentId=/video/video/pga-tour/features/2012/03/29/featchari tyopshowerpgatourmpg-2050425" /><param name="bgcolor" value="#000000" /><embed src="http://i.cdn.turner.com/pgatour/.element/apps/cvp/4.0/swf/cvp_embed_container.swf?site=pga tour&profile=1&context=embed&contentId=/video/video/pga-tour/features/2012/03/29/featchari tyopshowerpgatourmpg-2050425" type="application/x-shockwave-flash" bgcolor="#000000" allowfullscreen="true" allowscriptaccess="always" width="414" wmode="opaque" height="347"></embed></object></noscript> </p>
<p align="center">.......................................................................... ............ </span></p>
<p align="center"><strong><font face="Arial, Helvetica, sans-serif">Style Your Sole</font></strong><font face="Arial, Helvetica, sans-serif"><br>
<u>AT&T Pebble Beach National Pro-Am</u></font></p>
<p align="center"><script type="text/javascript">
AC_FL_RunContent( 'width','405','height','303','id','ep_135','src','http://i.cdn.turner.com/pgatour/.element/apps/cvp/4.0/swf/cvp_embed_container?site=pgatour &profile=1&context=embed&contentId=/video/video/pga-tour/features/2012/02/09/featTomsShoes 12attpebblenm603apg-1995557','bgcolor','#000000','allowfullscreen','true','allowscriptacce ss','always','wmode','opaque','movie','http://i.cdn.turner.com/pgatour/.element/apps/cvp/4 .0/swf/cvp_embed_container?site=pgatour&profile=1&context=embed&contentId=/video/video/pga -tour/features/2012/02/09/featTomsShoes12attpebblenm603apg-1995557' ); //end AC code
</script><noscript><object width="405" height="303" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="ep_135">
<param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="wmode" value="opaque" /><param name="movie" value="http://i.cdn.turner.com/pgatour/.element/apps/cvp/4.0/swf/cvp_embed_container.swf?site=pga tour&profile=1&context=embed&contentId=/video/video/pga-tour/features/2012/02/09/featTomsS hoes12attpebblenm603apg-1995557" /><param name="bgcolor" value="#000000" /><embed src="http://i.cdn.turner.com/pgatour/.element/apps/cvp/4.0/swf/cvp_embed_container.swf?site=pga tour&profile=1&context=embed&contentId=/video/video/pga-tour/features/2012/02/09/featTomsS hoes12attpebblenm603apg-1995557" type="application/x-shockwave-flash" bgcolor="#000000" allowfullscreen="true" allowscriptaccess="always" width="405" wmode="opaque" height="303"></embed></object></noscript> </p>
<p><font size="2" face="Arial, Helvetica, sans-serif">On Tuesday evening in Pebble Beach, the PGA TOUR Wives Association partnered with TOMS Shoes and the tournament to host a <em>Style Your Sole</em> event. PGA TOUR professionals and celebrities alike spent the evening decorating a pair of TOMS Shoes that were later put up on the auction block to raise money for the PGA TOUR Wives Association’s designated children’s charities and the First Tee of Monterey.</font></p>
<p align="justify"><font size="2" face="Arial, Helvetica, sans-serif">Check out shoes from celebrites like Darius Rucker and Matt Cain, along with PGA TOUR professionals Rickie Fowler, Dustin Johnson, Jim Furyk and many more by clicking <a href="fundraising/index.php?_trkparms=65%3A12%7C66%3A1%7C39%3A1%7C72%3A5841&rt=nc&_ipg=25 &_sticky=1&_trksid=p3911.c0.m14&_sop=3&_sc=1">here</a> to read more.</font></p>
<p align="center">.......................................................................... ............ </span></p>
<p align="center"><strong><font face="Arial, Helvetica, sans-serif">Blessings in a Backpack</font></strong><font face="Arial, Helvetica, sans-serif"><br>
<u>Waste Management Phoenix Open</u></font></p>
<p align="justify"><font size="2" face="Arial, Helvetica, sans-serif">During the Waste Management Phoenix Open, the PGA TOUR Wives Association returned to Nevitt Elementary School for the third year of our Blessings initiative there. Members rolled up their sleeves and unpacked/unboxed the food and set up the stations, ready for the packing process. The children came through the lines, their backpacks opened and carried in front and the food placed inside. During this time, we chatted with the children as they walked through the line with smiling faces, shy glances and thankful hearts.</font></p>
<p align="justify"><font size="2" face="Arial, Helvetica, sans-serif">When the food was distributed, we broke into groups and met with the children in their classes. A secondary activity we had planned with the children was to write letters to deployed Navy SEALS. The teachers told us it was a great project as the children researched what the SEALS did and then began writing their letters. Some children read their letters to us while others needed assistance to complete them. The completed letters will be sent via the PGA TOUR’s military outreach to let those who are serving know that children care about them and admire what they are doing.</font></p>
<p align="justify"><font size="2" face="Arial, Helvetica, sans-serif">To read more about our visit to Nevitt Elementary School, please click <a href="volunteering/index.php?_trkparms=65%3A12|66%3A1|39%3A1|72%3A5841&rt=nc&_ipg=25&_sti cky=1&_trksid=p3911.c0.m14&_sop=3&_sc=1">here</a>.</font></p>
<p align="center">.......................................................................... ............ </span></p>
<p align="center"><strong><font face="Arial, Helvetica, sans-serif">Blessings in a Backpack</font></strong><font face="Arial, Helvetica, sans-serif"><br>
<u>Farmers Insurance Open</u></font></p>
<p><font size="2" face="Arial, Helvetica, sans-serif">At the Farmers Insurance Open in San Diego the PGA TOUR Wives had the pleasure to mix, mingle and pack backpacks full of food for the local school that Farmers sponsors. It was a year ago this week that the PTWA joined Farmers to kick off the start of the their sponsorship to the Doris Miller School in San Diego. Farmers joined Blessings in a Backpack to start the relationship and the end result is that kids are receiving backpacks with weekend food on each Friday. An interesting note about Doris Miller School is that most of the parents are military and so many of them are on deployments as we speak. It seems pretty special that in this particular school Farmers Insurance is helping children of our men and women that serve our <a href="volunteering/index.php">country</a>! </font></p>
<p align="center">.......................................................................... ............ </span></p>
<p align="center"><strong><font face="Arial, Helvetica, sans-serif">Blessings in a Backpack</font></strong><font face="Arial, Helvetica, sans-serif"><br>
<u>Sony Open in Hawaii</u></font></p>
<p align="center"><img src="images/Blessings_Hawaii_12.jpg" width="401" height="177"></p>
<p><font size="2" face="Arial, Helvetica, sans-serif">The PGA TOUR Wives Association returned to Ke Kula ‘o Samuel M. Kamakau school to celebrate our third year of the Blessings in a Backpack program in Hawaii. This year, we were joined by Leilani Kupahu-Marino, who, through her vast knowledge of Hawaiian history, educated us on the many customs we would be experiencing at the school. Upon our arrival, she chanted the beautiful traditional Hawaiian greeting which asks for permission to enter the “home”. The children thenused the traditional Hawaiian responsive greeting and welcomed us back to the school.</font></p>
<p><font size="2" face="Arial, Helvetica, sans-serif">In addition to packing the backpacks, we also spent the day playing traditional Hawaiian games with the children <a href="volunteering/index.php">‘ulu maika...</a></font></p>
<p align="center"> </p>
</td>
</table> </td>
<td align="right" valign="top" width="300" bgcolor="B4B5B4"><table width="300" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#FFFFFF">
<th align="center" valign="middle" bgcolor="#FFFFFF" scope="col"><div align="justify">
<p align="center">
<script type="text/javascript">
AC_FL_RunContent( 'width','382','height','298','id','ep_135','src','http://i.cdn.turner.com/pgatour/.element/apps/cvp/4.0/swf/cvp_embed_container?site=pgatour &profile=1&context=embed&contentId=/video/video/pga-tour/features/2012/02/09/featTomsShoes 12attpebblenm603apg-1995557','bgcolor','#000000','allowfullscreen','true','allowscriptacce ss','always','wmode','opaque','movie','http://i.cdn.turner.com/pgatour/.element/apps/cvp/4 .0/swf/cvp_embed_container?site=pgatour&profile=1&context=embed&contentId=/video/video/pga -tour/features/2012/02/09/featTomsShoes12attpebblenm603apg-1995557' ); //end AC code
</script><noscript><object width="382" height="298" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="ep_135">
<param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="wmode" value="opaque" /><param name="movie" value="http://i.cdn.turner.com/pgatour/.element/apps/cvp/4.0/swf/cvp_embed_container.swf?site=pga tour&profile=1&context=embed&contentId=/video/video/pga-tour/features/2012/02/09/featTomsS hoes12attpebblenm603apg-1995557" /><param name="bgcolor" value="#000000" /><embed src="http://i.cdn.turner.com/pgatour/.element/apps/cvp/4.0/swf/cvp_embed_container.swf?site=pga tour&profile=1&context=embed&contentId=/video/video/pga-tour/features/2012/02/09/featTomsS hoes12attpebblenm603apg-1995557" type="application/x-shockwave-flash" bgcolor="#000000" allowfullscreen="true" allowscriptaccess="always" width="382" wmode="opaque" height="298"></embed></object></noscript>
</p>
<div id="video_description">
<p align="center"><strong><font size="3" face="Arial, Helvetica, sans-serif">Featured Video</font></strong><font face="Arial, Helvetica, sans-serif"><br>
<u><font size="2">Courtesy of PGA TOUR Productions</font></u></font><font size="2" face="Arial, Helvetica, sans-serif"><em><strong><br>
</strong></em></font></p>
</div>
</div></th>
</table>
<div align="center">
<? require("includes/main.inc");?>
<br>
</div>
<table width="344" height="391" border="2" align="center" cellpadding="0" cellspacing="0">
<tr>
<th width="338" height="387" bgcolor="#E2E0E1" scope="col"><p><font color="#000000"><u><strong><font size="5" face="Arial, Helvetica, sans-serif">STAY CONNECTED</font></strong></u></font></p>
<p><a href="https://twitter.com/#!/pgatourwives" target="_blank"><img src="images/twitter2.jpg" width="201" height="98"></a><font color="#000000" size="2" face="Arial, Helvetica, sans-serif"><strong><br>
</strong><font size="+1">@PGATOURWives</font></font></p>
<p><font color="#000000" size="2" face="Arial, Helvetica, sans-serif"><strong><font size="3">Become a Fan on Facebook</font><br>
</strong><a href="http://www.facebook.com/pgatourwives" target="_blank">www.facebook.com/pgatourwives</a></font></p>
<p><font color="#000000">
<iframe src="http://www.facebook.com/plugins/like.php?app_id=147396582001318&href=http%3A%2F%2Fwww.face book.com%2FPGATourWives&send=false&layout=standard&width=301&show_faces=true&action=like&c olorscheme=light&font=lucida+grande&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:301px; height:80px;" allowTransparency="true"></iframe>
</font></p> </th>
</tr>
</table>
<table width="323" border="0" cellspacing="0" cellpadding="0" align="center"><tr>
<th bgcolor="#FD6CA7" scope="col"><div align="center">
<p><font size="3" face="Arial, Helvetica, sans-serif"><strong>Online donations are now accepted!</strong></font><br>
<font size="1" face="Arial, Helvetica, sans-serif">Click on a link below to make a secure donation through JustGive or PayPal.<em> Thank you for your support!</em></font><font size="2" face="Arial, Helvetica, sans-serif"><br>
</font></p>
</div>
<table width="145" border="0" align="left">
<tr>
<td><div align="center"><a href="http://www.justgive.org/nonprofits/donate.jsp?ein=59-2903646"><img src="/images/DonateNow120x40.jpg" width="120" height="40" border="0"></a></div></td>
</tr>
</table>
<table width="145" border="0" align="right">
<tr>
<td><form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<div align="center">
<input type="hidden" name="cmd" value="_donations">
<input type="hidden" name="business" value="[email protected]">
<input type="hidden" name="item_name" value="PGA TOUR Wives Association">
<input type="hidden" name="no_shipping" value="0">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="tax" value="0">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="bn" value="PP-DonationsBF">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"> </div>
</form> </td>
</tr>
</table>
<p><a href="http://www.pgatourwives.org/fundraising/index.php"><br>
</a></p></th>
</tr>
</table>
<table width=323 height="316" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th bgcolor="#E2E0E1" scope="col"><div align="center"><font size="3" face="Arial, Helvetica, sans-serif"><u><strong><br>
</strong></u><strong><style type=text/css> div {border:0px solid green;} img {border:0px;} #badgewrapper250 { width:250px; font-family:arial,helvetica,verdana; } #badgewrapper250 #badge_header { font-family:arial,helvetica,verdana; font-size:10px; width:250px; height:120px; background-image: url(http://www.goodsearch.com/_gfx/badges/header-250.png); } * html #badgewrapper250 #badge_header { background: transparent none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.goodsearch.com/_gfx/badges/header-250.png'); } #badgewrapper250 #badge_header_links { font-family:arial,helvetica,verdana; font-weight:bold; font-size:10px; text-align:center; color:#fff; padding-top:8px; line-height:14px; } #badgewrapper250 #badge_header_links a, #badgewrapper250 #badge_header_links a:visited { font-family:arial,helvetica,verdana; font-size:10px; color:#fff; text-decoration:underline; } #badgewrapper250 #badge_header_tagline { font-family:arial,helvetica,verdana; font-size:8px; color:#ffff00; text-align:center; padding-top:3px; letter-spacing:1px; line-height:10px; } #badgewrapper250 #badge_content { font-family:arial,helvetica,verdana; font-size:10px; width:250px; background-image: url(http://www.goodsearch.com/_gfx/badges/bg-content-250.png); } #badgewrapper250 #badge_content_text { font-family:arial,helvetica,verdana; font-size:10px; width:85%; margin:0px auto; line-height:16px; padding-bottom:5px; color:#333; } #badgewrapper250 #badge_linkblock { font-family:arial,helvetica,verdana; font-size:9px; width:250px; height:48px; background-image: url(http://www.goodsearch.com/_gfx/badges/links-250.png); } #badgewrapper250 #badge_linkblock select { margin:10px 0px 0px 10px; width:230px; font-size:9px; } #badgewrapper250 .badge_link { font-family:arial,helvetica,verdana; font-size:9px; width:85%; color:#003366; margin:0px auto; padding:0px; line-height:12px; } #badgewrapper250 #badge_linkblock a, #badgewrapper250 #badge_linkblock a:visited { font-family:arial,helvetica,verdana; font-size:9px; color:#003366; text-decoration:underline; } #badgewrapper250 .badge_link img { position:relative; top:5px; left:5px; display:inline; } #badgewrapper250 #badge_shareblock { font-family:arial,helvetica,verdana; font-size:9px; width:250px; height:34px; background-image: url(http://www.goodsearch.com/_gfx/badges/footer-250.png); } * html #badgewrapper250 #badge_shareblock { background: transparent none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.goodsearch.com/_gfx/badges/footer-250.png'); } #badgewrapper250 #badge_shareblock_link { font-family:arial,helvetica,verdana; font-size:9px; width:100%; text-align:center; padding-top:7px; } #badgewrapper250 #badge_shareblock_link img { padding-right:5px; position:relative; top:2px; display:inline; } #badgewrapper250 #badge_shareblock_link a, #badgewrapper250 #badge_shareblock_link a:visited { font-family:arial,helvetica,verdana; font-size:9px; color:#fff; text-decoration:underline; } </style>
<div id=badgewrapper250> <div id=badge_header> <div id=badge_header_links><a href="http://www.goodsearch.com/" target=_blank>GoodSearch</a> & <a href="http://www.goodsearch.com/goodshop.aspx" target=_blank>GoodShop</a> </div> <div id=badge_header_tagline>YOU SEARCH OR SHOP... WE GIVE! </div><a href="http://www.goodsearch.com/?charityid=884818" target=_blank><img style="DISPLAY: block; LEFT: 30px; WIDTH: 190px; POSITION: relative; TOP: 20px; HEIGHT: 35px" alt="Search the Web" src="http://www.goodsearch.com/_gfx/spacer.gif" /></a> <a href="http://www.goodsearch.com/goodshop.aspx?charityid=884818" target=_blank><img style="DISPLAY: block; LEFT: 40px; WIDTH: 160px; POSITION: relative; TOP: 25px; HEIGHT: 20px" alt="Money-saving coupons" src="http://www.goodsearch.com/_gfx/spacer.gif" /></a> </div> <div id=badge_content> <div id=badge_content_text>Raise money for <span id=badge250nameSpan style="font-weight: bold"><a href="http://www.goodsearch.com/nonprofit/pga-tour-wives-association.aspx">PGA TOUR Wives Association</a></span> just by searching the web and shopping online! </div></div> <div id=badge_linkblock> <div class="badge_link"><a href="http://www.goodsearch.com/" target=_blank>Search the web now!</a> <a href="http://www.goodsearch.com/?charityid=884818" target=_blank><img alt=go src="http://www.goodsearch.com/_gfx/badges/button-go.png" /></a> </div> <div class="badge_link"><a href="http://www.goodsearch.com/goodshop.aspx" target=_blank>Money-saving coupons!</a> <a href="http://www.goodsearch.com/goodshop.aspx?charityid=884818" target=_blank><img alt=go src="http://www.goodsearch.com/_gfx/badges/button-go.png" /></a> </div></div> <div id=badge_shareblock> <div id=badge_shareblock_link><a href="http://www.goodsearch.com/getinvolved.aspx#badge" target=_blank><img alt="Add GoodSearch and GoodShop to your site" src="http://www.goodsearch.com/_gfx/badges/icon-email.png" /></a> <a href="http://www.goodsearch.com/getinvolved.aspx#badge" target=_blank>Add to your site</a> </div></div></div></p>
</div>
</th>
<tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="ED2893" width="12"> </td>
<td width="14" valign="top" align="right" bgcolor="B4B5B4"> </td>
<td width="222" valign="top" align="right" bgcolor="B4B5B4"><img src="images/bottom_white.gif" width="444" height="12"></td>
<td width="300" bgcolor="B4B5B4" align="left" valign="top"> </td>
</tr>
<tr>
<td bgcolor="ED2893" width="12"> </td>
<td bgcolor="B4B5B4" colspan="3" align="left" valign="bottom"><img src="images/bottom_grey.gif" width="758" height="10"></td>
</tr>
<tr align="left" valign="bottom">
<td bgcolor="ED2893" colspan="4"><img src="images/bottom_pink.gif" width="770" height="11"></td>
</tr>
</table> </td>
</tr>
</table>
<p align="center">
<? require("includes/bottom.inc");?></p>
</body>
</html> -
JSF design view - visual components are shrinking
Hello,
I have some strange issue while using Design view for JSF and data binding.
Once I drop any data control elements into visual component (panel, etc) my visual components are shrinking to such size, that I cannot distinguish any elements within design view. I cannot use design view since then and have to place all elements base on structure panel.
How to reproduce:
1. Create new JSF page with wizard and accept defaults.
2. Drop one of the panels (panel box, panel group layout) into JSF layout
At this stage my visual elements occupy 100% of design view screen and represent anticipated outcome
3. Drag and drop one of the data control elements (data control panel) into created panels on JSF and create table or form
Immediately after it visual panel where data control was dropped shrinks to approximately 1/4 of the screen and I cannot see neither available space nor created table for my data components.
I figured out, that if I remove created by wizard default <af:messages> tag from the top of my JSF, then design view representation fixes. Not sure if I should remove <af:messages> from all my pages.
Above all looks to me as and bug.
Environment:
-Jdeveloper 11g
-Windows Vista 64b
-Not bundled JDK 6Hi Shay,
Thank you for response.
1. I tried to play with screen size without result
2. I checked your video post, but this does not resolve my issue
3. This issue occures with all JSF pages and can be reproduced even when following official Oracle step by step tutorials.
4. I figured out, that removing <af:messages> tag resolves the issue ?! It seems this tag is added by default during drag and drop binding.
5. On this link http://drop.io/jdev_001 you can see how design view is changes with and without <af:messages> tag
6. Below is code example from one of the tutorials, that leads to shrinking as well:
7. Once app is deployed and running page get normal view in IE as expected, so it seems to me, it is issue with Jdev design view, probably influenced by my environment, if nobody reported it before.
Thank you for your help.
===========================================================================
<?xml version='1.0' encoding='windows-1252'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
<jsp:directive.page contentType="text/html;charset=windows-1252"/>
<f:view>
<af:document id="d1">
<af:messages id="m1"/>
<af:form id="f1">
<af:panelStretchLayout id="psl1">
<f:facet name="center">
<!-- id="af_one_column_stretched" -->
<af:decorativeBox theme="dark" id="db1">
<f:facet name="center">
<af:decorativeBox theme="medium" id="db2">
<f:facet name="center">
<af:panelFormLayout id="pfl1">
<af:inputText value="#{bindings.p_name.inputValue}" label="#{bindings.p_name.hints.label}"
required="#{bindings.p_name.hints.mandatory}" columns="#{bindings.p_name.hints.displayWidth}"
maximumLength="#{bindings.p_name.hints.precision}" shortDesc="#{bindings.p_name.hints.tooltip}" id="it1">
<f:validator binding="#{bindings.p_name.validator}"/>
</af:inputText>
<af:commandButton actionListener="#{bindings.getEmployeesFindByName.execute}" text="getEmployeesFindByName"
disabled="#{!bindings.getEmployeesFindByName.enabled}" id="cb1"/>
<af:panelFormLayout id="pfl2">
<af:inputText value="#{bindings.commissionPct.inputValue}" label="#{bindings.commissionPct.hints.label}"
required="#{bindings.commissionPct.hints.mandatory}" columns="#{bindings.commissionPct.hints.displayWidth}"
maximumLength="#{bindings.commissionPct.hints.precision}" shortDesc="#{bindings.commissionPct.hints.tooltip}"
id="it4">
<f:validator binding="#{bindings.commissionPct.validator}"/>
<af:convertNumber groupingUsed="false" pattern="#{bindings.commissionPct.format}"/>
</af:inputText>
<af:inputText value="#{bindings.email.inputValue}" label="#{bindings.email.hints.label}"
required="#{bindings.email.hints.mandatory}" columns="#{bindings.email.hints.displayWidth}"
maximumLength="#{bindings.email.hints.precision}" shortDesc="#{bindings.email.hints.tooltip}" id="it7">
<f:validator binding="#{bindings.email.validator}"/>
</af:inputText>
<af:inputText value="#{bindings.employeeId.inputValue}" label="#{bindings.employeeId.hints.label}"
required="#{bindings.employeeId.hints.mandatory}" columns="#{bindings.employeeId.hints.displayWidth}"
maximumLength="#{bindings.employeeId.hints.precision}" shortDesc="#{bindings.employeeId.hints.tooltip}"
id="it6">
<f:validator binding="#{bindings.employeeId.validator}"/>
<af:convertNumber groupingUsed="false" pattern="#{bindings.employeeId.format}"/>
</af:inputText>
<af:inputText value="#{bindings.firstName.inputValue}" label="#{bindings.firstName.hints.label}"
required="#{bindings.firstName.hints.mandatory}" columns="#{bindings.firstName.hints.displayWidth}"
maximumLength="#{bindings.firstName.hints.precision}" shortDesc="#{bindings.firstName.hints.tooltip}" id="it3">
<f:validator binding="#{bindings.firstName.validator}"/>
</af:inputText>
<af:inputDate value="#{bindings.hireDate.inputValue}" label="#{bindings.hireDate.hints.label}"
required="#{bindings.hireDate.hints.mandatory}" shortDesc="#{bindings.hireDate.hints.tooltip}" id="id1">
<f:validator binding="#{bindings.hireDate.validator}"/>
<af:convertDateTime pattern="#{bindings.hireDate.format}"/>
</af:inputDate>
<af:inputText value="#{bindings.jobId.inputValue}" label="#{bindings.jobId.hints.label}"
required="#{bindings.jobId.hints.mandatory}" columns="#{bindings.jobId.hints.displayWidth}"
maximumLength="#{bindings.jobId.hints.precision}" shortDesc="#{bindings.jobId.hints.tooltip}" id="it2">
<f:validator binding="#{bindings.jobId.validator}"/>
</af:inputText>
<af:inputText value="#{bindings.lastName.inputValue}" label="#{bindings.lastName.hints.label}"
required="#{bindings.lastName.hints.mandatory}" columns="#{bindings.lastName.hints.displayWidth}"
maximumLength="#{bindings.lastName.hints.precision}" shortDesc="#{bindings.lastName.hints.tooltip}" id="it8">
<f:validator binding="#{bindings.lastName.validator}"/>
</af:inputText>
<af:inputText value="#{bindings.phoneNumber.inputValue}" label="#{bindings.phoneNumber.hints.label}"
required="#{bindings.phoneNumber.hints.mandatory}" columns="#{bindings.phoneNumber.hints.displayWidth}"
maximumLength="#{bindings.phoneNumber.hints.precision}" shortDesc="#{bindings.phoneNumber.hints.tooltip}"
id="it9">
<f:validator binding="#{bindings.phoneNumber.validator}"/>
</af:inputText>
<af:inputText value="#{bindings.salary.inputValue}" label="#{bindings.salary.hints.label}"
required="#{bindings.salary.hints.mandatory}" columns="#{bindings.salary.hints.displayWidth}"
maximumLength="#{bindings.salary.hints.precision}" shortDesc="#{bindings.salary.hints.tooltip}" id="it5">
<f:validator binding="#{bindings.salary.validator}"/>
<af:convertNumber groupingUsed="false" pattern="#{bindings.salary.format}"/>
</af:inputText>
<f:facet name="footer">
<af:panelGroupLayout layout="vertical" id="pgl1">
<af:panelGroupLayout layout="horizontal" id="pgl2">
<af:commandButton actionListener="#{bindings.First.execute}" text="First" disabled="#{!bindings.First.enabled}"
partialSubmit="true" id="cb2"/>
<af:commandButton actionListener="#{bindings.Previous.execute}" text="Previous" disabled="#{!bindings.Previous.enabled}"
partialSubmit="true" id="cb3"/>
<af:commandButton actionListener="#{bindings.Next.execute}" text="Next" disabled="#{!bindings.Next.enabled}"
partialSubmit="true" id="cb4"/>
<af:commandButton actionListener="#{bindings.Last.execute}" text="Last" disabled="#{!bindings.Last.enabled}"
partialSubmit="true" id="cb6"/>
</af:panelGroupLayout>
<af:commandButton text="Save" id="cb5" actionListener="#{bindings.mergeDepartments.execute}"
disabled="#{!bindings.mergeDepartments.enabled}" action="browse"/>
</af:panelGroupLayout>
</f:facet>
</af:panelFormLayout>
</af:panelFormLayout>
</f:facet>
</af:decorativeBox>
</f:facet>
</af:decorativeBox>
</f:facet>
</af:panelStretchLayout>
</af:form>
</af:document>
</f:view>
</jsp:root>
Edited by: user555411 on May 2, 2010 2:08 PM
Maybe you are looking for
-
Adobe Photoshop Elements 6.0 (Editor) has stopped working
Shows this message and then "A problem caused the program to stop working correctly. Windows will close the program and notify you if a solution is available." Haven't heard anything from windows. Any suggestions?
-
How do i get new tabs to open after existing tabs
how can i configure firefox to open new tabs AFTER (to the right) of already open tabs instead of wedging the new tab in between already open tabs?
-
Is It poss to see songs that are not in playlist ?
Is there a way of seeing which songs are not in a playlist so it is easier to sort the remaining songs,So I can put all songs in the libary into a playlist Thanks
-
Physical Memory Access Functions with installed Security Update 5Q5FJ4QW
In my Labwindows-CVI (8.1.0) applications I use the Port-IO and Physical Memory Access Functions provided with the Utility Library to communicate directly to PCI devices. Up to now this works fine on about 50 different PCs using either only the CVI-R
-
Unable to delete icloud account from device after Apple ID change
I recently changed my apple ID from my corporate account to a personal address but forgot to log out of icloud on my ipad. The icloud account on the device is still linked to the old apple id and so cannot delete it as unable to authenticate. I am u