Why Do Styles Not Always Render In Design View
Hey guys,
I have a template that has a Spry horizontal menu bar.
Sometimes when I open some of the pages that are built from the
template or even the template itself, the menu bar does not show.
Only the unordered list shows.
How can I make the bar show everytime?
Thanks
Glenn
#1 Ensure that the path to your external stylesheet is correctly pointing to the CSS file in your local site folder.
#2 Validate your code & fix reported errors.
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
Similar Messages
-
CSS Styles not displayed properly in design view - SOLVED (not 'Display Styles')
For several weeks, I've been troubleshooting the issue of CSS
and inline styles not being displayed properly when in Dreamweaver
CS3 design view, and checking in to the forums occassionally to see
if there was a solution other than making sure "Display Styles" was
selected under View -> Style Rendering (it was, and still
nothing would display properly!).
After much frustration, I may have found the solution to
those still experiencing the issue even after "Display Styles" is
appropriately checked. I went in to my master template for the
site, and found an erroneous <br> tag after the <link
href> for the stylesheet, which I must have inadvertantly
inserted when I added the code for the site's favicon. (You get so
used to Shift-Enter in layout mode, it's almost automatic,
regardless of what pane your in.) I can't believe I missed this
before! Deleting the erroneous tag cleaned up the whole
site.I had the same thing happen to me. After hours of trouble
shooting I found a bit of inappropriate code left in the HTML.
Cleaned that up and all is good. Seems like it is often something
so simple. Guess that is why it is so maddening when i can't figure
it out! -
Why doesn't my CSS render in design view or browser view?
Suddenly my CSS won't render in design or browser views. I have checked View>Style Rendering>Display styles and there's a checkmark beside it. Is there any other reason(s) why this would have suddenly stopped working?? Help please! Thanks! I am using DW CS5
#1 Ensure that the path to your external stylesheet is correctly pointing to the CSS file in your local site folder.
#2 Validate your code & fix reported errors.
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
Why some times jdeveloper does not show a coreect design view ?
Hi
thank you for reading my post
why jdeveloper does not show a correct design view of jsf pages sometimes?
It does not shows labels and ... , just show tag names like : form , ... ?
here is a picture for this :
1-incorrect page:
http://www.flickr.com/photos/59086726@N00/217556594/
2-correct page :
http://www.flickr.com/photos/59086726@N00/217556595/
I just closed and open the IDE and page designer shows incorrect pages
thanksAlso try this...go to the project properties for the View project. Look at the JSF Libraries and remove the two JSF libraries and then re-add them....this sometimes helps.
Regards
Grant Ronald -
Hi,
I'm using DW 8 and am changing CSSs to specify element sizes as %s - a move towards responsive design. Browsers that I've tried - Firefox, Chrome, IE and Safari - render the results correctly but DW does not always render correctly: it seems to have particular problems in calculating and showing margins and padding. Does anybody know whether this is a known fault? Am I asking too much of an old version of the system? Or am I missing something else somewhere along the way?
Thanks,
Andrewandywalmsley wrote:
Hi,
Am I asking too much of an old version of the system? Or am I missing something else somewhere along the way?
Yes, Dreamweaver design view, whilst quite good, did and still does not represent the css you write 100% accurately.
The more complex the css the less likely it is to render as you would expect.
I've come to rely less and less on design view over the past months as ways and means of producing websites advance leaving DW some way off the pace, it always has been.
I have not tested out CC2014 but would suspect its an improvement over past versions at showing css in design view but still behind the curve. -
Why does favicon not always download on PC ... whereas it does on Mac?
Why does favicon not always download on PC ... whereas it does on Mac?
Hello,
'''Try Firefox Safe Mode''' to see if the problem goes away. Safe Mode is a troubleshooting mode, which disables most add-ons.
''(If you're not using it, switch to the Default theme.)''
* You can open Firefox 4.0+ in Safe Mode by holding the '''Shift''' key when you open the Firefox desktop or Start menu shortcut.
* Or open the Help menu and click on the '''Restart with Add-ons Disabled...''' menu item while Firefox is running.
''Once you get the pop-up, just select "'Start in Safe Mode"''
'''''If the issue is not present in Firefox Safe Mode''''', your problem is probably caused by an extension, and you need to figure out which one. Please follow the [[Troubleshooting extensions and themes]] article for that.
''To exit the Firefox Safe Mode, just close Firefox and wait a few seconds before opening Firefox for normal use again.''
''When you figure out what's causing your issues, please let us know. It might help other users who have the same problem.''
Thank you. -
CS3: Applying Object styles not always consistent
Hello,
I have a number of Object Styles, each of which have different Paragraph Styles called out. In turn, each of these Paragraph Styles calls out different fonts, font styles and sizes.
Most of the time I can click on a text frame and all the parameters in the Object style are applied--just as it is supposed to be.
But sometimes the font that the text is supposed to change to does not get applied. This seems to be inconsistent but there is probably an underlying order to it that I do not see.
So why would an Object style not apply the Paragraph style that is called for in the Object style options?
Thanks,
TomI now see the problem, though I do not know the solution.
If I open up a new document and create a text frame, the font is that old ugly but familiar Times-Roman 12 point.
But if I open up the template where I have many object, paragraph and character styles, one of each of these is already selected. I can either see this by opening the respective panels or above in the control panel. In fact, any text frame I create always has a top text inset.
So my Preferences in general are OK and I'd rather not dump them. The problem is that styles are already selected upon opening this one ID file. How do I turn that off?
In answer to a question above, I do not simply redo the old Quark file, now in ID. I have a series of styles that are just much easier to apply in a separate ID file, rather than reinventing them in the Quark-to-ID file.
Thanks for your questions and ideas. They helped me probe this deeper. Now I just need a solution to what I think is a simple problem (still eludes me tho!)
Tom -
Why is iMessage not always available
My other half sent me a txt today, his phone say,s delivered, I never got it. I a guessing it was via iMessage. Why is it that iMessage is not always available?
It sounds as though your phone message may not be properly registered with iMessage.
Go to Settings > Messages and turn iMessage OFF, then turn it back on again.
Make sure the message "iMessages can be sent between iPhone, iPad and iPod Touch" appears. -
Why can I not always pull up my network?
Hello! I have found that when I want to connect with my laptop via my wireless network that it is not always there on the iMac. Everything is connected to the network, it simply does not always show up as accessible on my iMac. I have tried going into my Finder, selecting Go > Network and I see it searching, but alas, no laptop appears. This is very irritating that I cannot have access to my laptop as soon as I need it. Any tips would be greatly appreciated
Which "model" & "generation" G5 iMac do you have?
Need this info so that the knowledgeable users can provide you with the proper troubleshooting solution(s).
http://docs.info.apple.com/article.html?artnum=301724-en How to identify your iMac
http://docs.info.apple.com/article.html?path=Mac/10.4/en/mh355.html Getting information about your computer
You can have this info displayed on the bottom of every post by going to 'My Settings' which is located in the column on the right under your name, and filling in the information asked for.
Thank you
Which wireless network do you have? If a 3rd party one, have you checked the manual and/or the manufacture's website for instructions?
If you are using one of Apple's Airports, then I suggest that you cross-post in one of the AirPort Forums. -
Rollover images not properly aligning in design view
Hello,
I am a self taught Web design teacher and I have seemed to run into an issue with roll-over images as links. I am teaching my students to use photoshop to create two images for rollover buttons. When the students insert the images, everything works fine except for the alignment on page. One link/button makes a new line on the page and forces everything to the right on screen. But when we preview it in a browser, it looks correct. I also don't know any JAVA coding other than what I should be looking at when we create the rollover links. Do you have any suggestions for me?
(also if you find anything that is obsolete in my code, please let me know. Again, I am self taught with NO formal education in it)
dreamweaver
browser
if you need the coding of the page, here (edited to save reading time):
#wrapper {
width: 960px;
margin-right: auto;
margin-left: auto;
background-color: #5B1E1E;
height: 780px;
margin-top: 10px;
#wrapper2 {
background-color: #CCCCCC;
height: 835px;
width: 1000px;
margin-right: auto;
margin-left: auto;
#wrapper #topnav #topnav1 {
height: 40px;
width: 940px;
background-color: #5B1E1E;
margin-right: auto;
margin-left: auto;
margin-top: 5px;
#wrapper #topnav #topnav1 #home {
height: 40px;
width: 152.5px;
float: left;
#wrapper #topnav #topnav1 #home2 {
float: left;
height: 40px;
width: 152.5px;
margin-left: 5px;
#wrapper #topnav #topnav1 #home3 {
float: left;
height: 40px;
width: 152.5px;
margin-left: 5px;
#wrapper #topnav #topnav1 #home4 {
float: left;
height: 40px;
width: 152.5px;
margin-left: 5px;
#wrapper #topnav #topnav1 #home5 {
float: left;
height: 40px;
width: 152.5px;
margin-left: 5px;
#wrapper #topnav #topnav1 #home6 {
float: left;
height: 40px;
width: 152.5px;
margin-left: 5px;
-->
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
//-->
</script>
</head>
<body onload="MM_preloadImages('tools_images/home_over.jpg','tools_images/bhs_over.jpg','tools_ images/mset_over.jpg','tools_images/TR_over.jpg','tools_images/video_over.jpg','tools_imag es/web_over.jpg')">
<div id="wrapper2"><span class="style1">.
</span>
<div id="wrapper">
<div id="banner">
<div id="banner1"><img src="tools_images/banner.jpg" alt="banner" width="940" height="70" /></div>
</div>
<div id="topnav">
<div id="topnav1">
<div id="home"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','tools_images/home_over.jpg',1)"><img src="tools_images/home.jpg" alt="home" name="home" width="152" height="40" border="0" id="home7" /></a></div>
<div id="home2"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','tools_images/bhs_over.jpg',1)"><img src="tools_images/bhs.jpg" alt="bhs" name="Image3" width="152.5" height="40" border="0" id="Image3" /></a></div>
<div id="home3"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','tools_images/mset_over.jpg',1)"><img src="tools_images/mset.jpg" alt="mset" name="Image4" width="152" height="40" border="0" id="Image4" /></a></div>
<div id="home4"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','tools_images/TR_over.jpg',1)"><img src="tools_images/TR.jpg" alt="TR" name="Image5" width="152.5" height="40" border="0" id="Image5" /></a></div>
<div id="home5"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','tools_images/video_over.jpg',1)"><img src="tools_images/video.jpg" alt="video" name="Image6" width="152.5" height="40" border="0" id="Image6" /></a></div>
<div id="home6"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','tools_images/web_over.jpg',1)"><img src="tools_images/web.jpg" alt="web" name="Image7" width="152.5" height="40" border="0" id="Image7" /></a></div>
<div id="blank"></div>
</div>
</div>
</div>Thanks Ken!
I know that, and me personally don't care. But its hard to get my students to grasp the concept of what you see is not always what you get.
Thank you for your response -
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. -
Centre not working in Dreamweaver Design View (CSS+HTML)- Preview OK- help!
Hi there
I am having a slight problem with DW which I have had before, and fixed, but I cant for the life of me remember how I fixed it. So any help is much appreciated.
I am producing a proof site for a client and cannot load it to be live just yet so sorry for any inconvience but I have taken some screen shots and will paste code/html.
The site is currently sitting like this in the design view of DW
[IMG]http://i1200.photobucket.com/albums/bb323/SKH_Design/Picture1-1.jpg[/IMG]
Which it usually doesnt.... its usually centred within the design view!!
this is how it sits in the preview
[IMG]http://i1200.photobucket.com/albums/bb323/SKH_Design/Picture2.png[/IMG]
My main page container is margin left auto and so is the margin right.
(please excuse my experiment with the drop shadow behind the main container)
please excuse me if anything is messy, im pretty new to this!!
Thanks, Sarah
Code -
<style type="text/css">
<!--
@import url("styles/base.css");
body {
background-image: url(images/backgroundred.jpg);
background-repeat: no-repeat;
-->
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
//-->
</script>
</head>
<body leftmargin="float">
<div class="shadow">
<div class="pagecontainer">
<!-- navigationbarstart -->
<div class="topbarcontainer"><img src="images/pb-topbanner.jpg" width="800" height="126"></div>
<div class="navigationbar"> <img src="images/pb-linkbar1.jpg" width="353" height="34"><img src="images/pb-linkbar2home.jpg" width="87" height="34"><img src="images/pb-linkbar3products.jpg" width="198" height="34"><img src="images/pb-linkbar4offers.jpg" width="161" height="34"></div>
<!--navigationbarend-->
<!--flashanimation-->
<div class="flashcontainer">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="257" id="FlashID" title="paulburtonflash">
<param name="movie" value="flashfiles/paulburtonflash.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flashfiles/paulburtonflash.swf" width="800" height="257">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
<!--flashanimationend-->
<!--mainbackground-->
<div class="mainbackground">
<!--maintext-->
<div class="homepagetext">
Established in 1980, we are a drinks wholesale business, based in the Scottish Borders which prides itself on being able to provide alcoholic and soft drinks in whatever quantity you require at outstanding prices and on time.<br><br>
We deliver 7 days a week and offer a free, prompt delivery service, by our own staff in the Borders, East Lothian and Midlothian.<br><br>
<div class="textspacer1"></div>
<div class="textsixe16">We have regular promotions - click here to view our latest special offers</div>
</div>
<!--endofmaintext-->
<div class="homepageimage">
<img src="images/pb-home-mainimage.jpg" width="328" height="219"></div>
</div><!--endofmainbackground-->
<div class="bottombar">
<div class="bottombartext">
Paul Burton Drinks Wholesale, Pinnaclehill Industrial Estate, Kelso, Scottish Borders, TD5 8DW
</div>
</div>
</div>
</div>
</body>
</html>
CSS -
@charset "UTF-8";
/* CSS Document */
.shadow{
width:840px;
margin-left:auto;
margin-right:auto;
background-image:url(../images/editableshadow.png);
background-repeat:repeat-y;
.pagecontainer{
width:800px;
height:auto;
margin-right:auto;
margin-left:auto;
.topbarcontainer{
width:800px;
height:126px;
.navigationbar{
width:800px;
height:34px;
float:left;
.flashcontainer{
width:800px;
height:257px;
float:left;
.mainbackground{
width:800px;
height:349px;
float:left;
background-image:url(../../CL%20-%20New%20Ideas/Images/pb-home-background.jpg);
background-repeat:no-repeat;
.homepagetext{
width:372px;
height:275px;
float:left;
margin:50px 0px 0px 50px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFF;
.textsixe16{
font-size:16px;
font-weight:bold;
.textspacer1{
height:15px;
width:5px;
color:#d6f3fc;
.homepageimage{
width:328px;
height:219px;
float:left;
padding:50px 0px 0px 20px;
.bottombar{
width:800px;
height:59px;
float:left;
background-image:url(../../CL%20-%20New%20Ideas/Images/pb-home-bottombar.jpg);
background-repeat:no-repeat;
.bottombartext{
width:600px;
height:17px;
float:left;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
padding:25px 0px 0px 50px;"<body leftmargin="float">"
Can you say what that's doing? "float" is not a legal value for the leftmargin style, which requires an integer value. But its use is deprecated in favor of CSS anyhow.
Your pasted code is lacking a doctype or anything that would normally be above that stylesheet link. Is that just an oversight or is it really not there? -
Table td not styling correctly in Design View CS4
Hello everyone!
I dont know if anyone else is experiencing this problem, or
if I'm doing something stupid! I've searched all over this forum
and google etc and found a few people with similar problem but no
solution.
please see this code (HTML first, then the external CSS file)
The code is complete, not truncated or stripped. In IE and
Firefox, the CSS body styling renders on all text outside the table
and inside the table (which I believe is correctly inherited) but
in CS4 Design View, the text inside the table renders at twice the
size!!
I'm doing a complex page and it's pushing all my elements
around in Design View and preventing me from working properly or at
times at all!!
Please tell me if this is a bug or is there something I can
do to stop it displaying like this.
Thank you!
Janine xOn Fri, 3 Apr 2009 09:29:57 +0000 (UTC), "Janine_Trumel"
<[email protected]> wrote:
> Sorry, I cant quite see why the first line of code is
causing the problem.
Regarding the XML declaration that Nancy suggested omitting,
the XHTML
specs suggest using the line, but it is not required if the
page uses
either UTF-8 or UTF-16 character encoding. See
http://www.w3.org/TR/xhtml1/#strict
where is says in part, "An XML
declaration is not required in all XML documents; however
XHTML document
authors are strongly encouraged to use XML declarations in
all their
documents. Such a declaration is required when the character
encoding of
the document is other than the default UTF-8 or UTF-16 and no
encoding was
determined by a higher-level protocol."
IE only pays attention to the DOCTYPE if it is the very first
thing in the
page. Put anything before the doctype and IE will drop to
quirks mode.
That's just an IE bug that you'll have to live with.
Gary -
Why does Vertical Menu conceal items in design view?
I have a problem with a vertical menu that is placed in my page's left column. When workign in desing view, the vertical menu's sub menu components remain open and this conceals the things that I want to work on that are placed behind the sub-menu items. Any ideas how I can "collapse" the menu when workginin design view? Thanks!
Hello Beth, to follow is the CSS for my menu bar (vertical). I see that the left: -10000em; is in there correctly. Notice anything out of line? Thanks for your input!!!
Rod
@charset "UTF-8";
/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #EEE;
border-right-color: #EEE;
border-bottom-color: #EEE;
border-left-color: #EEE;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
background-color: #F00;
color: #FFF;
font-size: 12px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
background-color: #F00;
color: #FFF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
font-size: 12px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarVertical li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;
width: 160px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none; -
Snippets not displayed in Topic (Design View)
I have RoboHelp 7.0.2.
This "snippets" problem started a few days ago. I use the
same 2 snippets in about 100 topics. Suddenly, the snippets stopped
getting displayed in the topics (Design View). I don't see the
snippets even when I click the eye glasses icon for a preview.
However, if I switch to HTML View, the code does confirm that
the snippets are there.
This problem started happening around a few days after I
started having version control issues with RH. My project is
version controlled (Sourcesafe) so I have always checked in/out
topics for working. But nowadays, after a few hours of RH being
open, it just messes the version control part. That is, it will not
let me edit topics that I have checked out myself telling me that
the file is already checked out. And at times, it won't even check
in my files.
I thought maybe my RH install is corrupt so I just
reinstalled RH (7.0.2). However, I still cannot see the snippets.
Not sure about the version control part since I haven't kept RH
open for a long time.
Any thoughts?
Thanks,
KThe issue that I am having is that when I renamed the
snippet, only two topics accepted kept the snippet and allowed it
to remain (with the new name). The other 100 topics showed that I
had a snippet (even though you couldn't see it), but in the
tooltip, showed the previous name I named the snippet. I went back
to the snippet and renamed it back to the old name - which oddly
this time, the two topics that were accepting the snippet as any
name, did not take and the snippet was there, but would not appear.
I guess this is a little glitch in the renaming snippet
function. I can't think of anything else??? Anyway, I kept the
original name (although, another odd thing is this isn't the
original - this is another one I changed it to) and removed the
snippet that wasn't appearing from the two topics and reinserted it
again. I guess it's better than reinserting it 100 times.
Sorry I can't be of more help.
Thanks,
Michele
Maybe you are looking for
-
How to create an XSD for file adaptor which will ignore the records that are not required.
Hi All, I have a requirement, the Fixed Length file contains 30013742387462382938742 82347023984623087 30037348237 983743 9837423098 98347 10108472398 98034702398409238 9838472398 09823409238 300163527 387462398746 3874629387469374
-
Hi All, I need to capture from a DV tape but the sound has gone all choppy, is there any way to save it as it can't be re-shot? Please say that there is, you guys have an answer for everything and have never let me down Thanks in advance Andy Mac
-
Dear all, I have a question about the IDOC AAE adapter on a PI 7.31 java only system with an ERP --IDoc--> PI --File--> FTP scenario In my scenario I would need to change IDOC DC40 Segment information before the IDOC is being processed in the PI pipe
-
Load controls/layout dynamically
I want to load a graphical frontend (in Adobe Flex) containing some labels with text and an image dynamically from an HTTPservice connecting to a MySQL database. For instance, the HTTPservice returns the following XML data; <layout> <element posX="20
-
Hi there my old skype number has ran out. Would it be possible to get it back or would it have been given to someone else now? Many thanks!