CSS Version compaibility with Dreamweaver 8.0

Hello,
Can anyone tell me if Dreamweaver 8.0 supports CSS Version
2.1? We can not find a reference to the specific CSS version that
is supported in the Documentation. Thank you.

terriwharff wrote:
> Thank you. I was wondering about the code hints and how
it renders in Design
> view. On the FAQ page for Dreamweaver 8.0, it says that
it supports CSS
> versions 1 and 2. But we're specifically looking to buy
a product that
> supports 2.1.
Perhaps you're not aware of the fact that CSS 2.1 is still
only a
"working draft". It's not yet the official W3C
recommendation:
http://www.w3.org/TR/CSS21/
It's also worth considering that CSS 2.1 removes certain
properties from
the CSS 2.0 recommendation for the simple reason that they're
not
supported sufficiently by browsers.
David Powers, Adobe Community Expert
Author, "Foundation PHP for Dreamweaver 8" (friends of ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/

Similar Messages

Version Cue with Dreamweaver

How am I supposed to use Version Cue CS3 with Dreamweaver CS3. Am I supposed to install VC on the production server? I imported a web site as a project but what am I supposed to do now.
Also I have the Mac version of CS3, can I still install windows version of VC on my server which is windows?
Thanks,
Chris

Please ask about version cue in the VC forum.

Creating a dynamic web page with Dreamweaver CS6 academic version

To create a dynamic web page with Dreamweaver CS6 academic version, setting up for testing server menu box just shows up and disappear. what is that issue?

Anderson51 wrote:
I'm new to this area ... ...Like I said, I'm new and in way over my head - I think???? Help???
Hmmm,
I don't want to be the one to put you off. I'm in over my head too but I really enjoy the pain of grappling with Dreamweaver. It isn't really for the novice user and unlike any other app I know, it will be of greater benefit to those who have some knowledge of the underlying languages it deals with. i.e. HTML, CSS and some others. Strangely, I also hear from people that know the coding well, that they don't like/use/need Dreamweaver.
If you only want one site, and don't really need to wrench your own unique identity from what you are doing, why not look at a free site from Wordpress.com? I am sure you can use your own domain, and as you get proficient at it, you can expand what's there by paying for it.
Just a thought
Martin

What are versions of Internet Explorer compatible with Dreamweaver CS5.5 ?

What are versions of Internet Explorer compatible with Dreamweaver CS5.5 ?

Hello,
just to be safe you should test or validate your website there for example:
http://www.my-debugbar.com/wiki/IETester/HomePage and
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
JavaScript - http://www.jslint.com/
PHP - http://phpcodechecker.com/
Hans-Günter

Confused With Dreamweaver CC and the CSS Styles Panel!

Hi all
I'm relativley new to the CC but I'm having alot of fun learning how to use dreamweaver, But now comes where I get confused. I'm learning from Lynda.com "Dreamweaver and WordPres Core Concepts" and as I follow the tutorial regarding the actual structure of wordpress themes I have different panels to the tutour.
As you can see from the pics I have a different set up and this makes it very hard to follow the tutour.
I have tried the windows menu but there is no CSS Style Panel, plus I have media, sources, selectors, and properties. Apparently the tutour is also usin CC.
Can someone please guide me on how to learn dreamweaver with up to date tutourials....

I'm not familiar with the Dreamweaver/WordPress videos on lynda.com, but if the tutorials are showing the CSS Styles panel, it means that it was recorded on Dreamweaver CS6 or earlier.
The CSS Designer panel replaces the old CSS Styles panel in DW CC. Since you have access to lynda.com, I suggest that you take a look at James Williamson's CSS Designer overview in Dreamweaver CC Essential Training.

Version Cue CS3 with Dreamweaver

How am I supposed to use Version Cue CS3 with Dreamweaver CS3. Am I supposed to install VC on the production server?
Thanks,
Chris

Please ask about version cue in the VC forum.

Problems with Dreamweaver Add-ons being installed in Adobe CC 2014 - OSX 10.9.5?

I have tried to install two add-ons (Photo Gallery for DW and Adv CSS Menu Light) for Dreamweaver CC 2014, but I receive an error notification, stating that they are incompatible with installed Adobe applications. Both of these add-ons state that they are compatible with Adobe CC 2014, which is what is installed. I am logged in with an administrator account. File Sync is turned on. I have Adobe CC Desktop App 1.9.1.474 which appears to be the latest version. This is on a iMac 27" Mid 2011 running OSX 10.9.5. All available system updates have been applied. I have tried uninstalling and reinstalling the add-ons several times with the same result, on seven different computers of the same build/image. This is in a classroom environment. Any recommendations on additional things to try? Any help is much appreciated!

More info: I tried using the Extension Manager CC to get these extensions installed and they each failed out. One stating that the extension required version 8 or greater of Dreamweaver and the other version 9 or greater. It would seem to me that, for some reason, either Adobe or the system is not reading the version information correctly of Dreamweaver 2014 which is installed on these workstations.

Image Space Problems with Dreamweaver 8

I am having a bad issue with Dreamweaver 8 on Mac OS 10.4.8.
It concerns images that have an assigned horizontal spacer of say,
4 pixels. The images have a CSS class assigned to them that adds a
5 pixel black border. In previous Dreamweaver versions, and within
the Mac Browsers (Safari, Netscape, etc.), the black (CSS class)
border is correctly along all four edges of the image. However,
when viewed in Dreamweaver 8, the black border is now 5 pixels away
from the image's verticle edges.

I have tried this in DW8 on the Mac, and I'm not able to
reproduce it.
There must be some horizontal padding inheriting into that
<img> to get what
you are seeing.
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
==================
"Murray *ACE*" <[email protected]> wrote
in message
news:emdrfc$l59$[email protected]..
> Upload the page and post a link to it, please.
>
> --
> 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
> ==================
>
>
> "AcadiaMagic" <[email protected]> wrote
in message
> news:emct51$i19$[email protected]..
>> Hi, Murray. I've uploaded a screen capture of what
it looks like. It is
>> here:
>>
>>
http://www.acadiamagic.com/a/sample.jpg
>>
>> The following is the only CSS code that should
impact the image:
>>
>> .border3 {
>> border: 3px solid #000000;
>> }
>>
>> It does not happen in Dreamweaver MX 2004 or in the
browsers on my Mac
>> with OS
>> 10.4.8 - only in Dreamweaver 8.
>>
>> Thanks
>>
>
>

Problem with Dreamweaver CS5.5

I have a proplem with Dreamweaver CS5.5 CSS panel. When you in the css panel box when you select and add a property, and then tab over to enter the values, all it does is highlight the box. In all previous versions when you tab over, you would be automattically able to start entering values without having to click in the fieild. Any suggesstions? This is becoming very frustrating, and slowing down my workflow that I have used since Dreamweaver CS3, CS4 and CS5.

When you posted this question on another forum
http://forums.adobe.com/message/4110895
one of the errors was
-------------------------------------- Summary --------------------------------------
- 0 fatal error(s), 0 error(s), 2 warning(s)
WARNING: DW065: Display requirements not met for {0215A652-E081-4B09-9333-DC85AAB67FFA}
WARNING: DW065: Display requirements not met for {35ED8892-98E5-488A-A23C-6DB842A46EA5}
Please search the above error/warning string(s) to find when the error occurred.
These errors resulted in installer Exit Code mentioned below.
Dreamweaver's specs list 1280x800 as a minimum screen resolution
http://www.adobe.com/products/dreamweaver/tech-specs.html
What's your screen resolution?

When will you make adobe compatible with Dreamweaver

I'm a UI Designer. I know light html and CSS. I don't want to have to figure out all the latest browser compatibilities, and I want to be able to avoid learning javascript/jquery but be able have cool effects in my website or client websites like parallax scrolling, lightbox, etc.
If you went about this in an intelligent manner, you would make this compatible with Dreamweaver for designers to update, for UI/UX designers to use as high fidelity prototypes that can be handed off to developers later, and for designers to import into Dreamweaver to finesse styles and change elements. If this doesn't happen, I can easily see this becoming a dinosaur like Web Objects Fusion and clients will be left with obsolete products.
PLEASE make this a useful product that plays well with Dreamweaver!

You have it backwards. Google (and other 3rd-party vendors) must make their products compatible with the browser.
'''<u>Some Background Information</u>'''<br />
Included with every Firefox extension is a file named install.rdf. In that file is a parameter "em:maxVersion" which indicates the maximum Firefox version with which the extension '''<u>has been tested and approved by the developer</u>''' (Google, in this case). Only the developer (Google) is responsible for changing that parameter. Firefox enforces that parameter.
That said. Google and all other developers know where to find the Firefox release schedule for new versions and where to find the test versions (beta) to use to test their product. The location of the release schedule and the beta versions '''is no secret'''. Firefox 5, and all other versions, underwent several weeks of beta testing, during which third-party developers (Google) had an opportunity to do their testing and make necessary changes to make their product(s) compatible. In addition to the 4 weeks of beta testing for Firefox 5, Google has had an additional 19 days since the release of Firefox 5, to make their product compatible. '''<u>Ask Google what is keeping a compatible release from being introduced.</u>'''
'''<u>Google MAY be ceasing support for their toolbar in Firefox.</u>''' See the list of supported browsers in the following:
*http://www.google.com/support/toolbar/bin/answer.py?hl=en&answer=1111588#toolbar_info
'''<u>An add-on that may help</u>'''<br />
Many users have found that installing the following add-on will restore some (maybe all) functionality for Google's toolbar.
*'''''Add-on Compatibility Reporter''''': https://addons.mozilla.org/en-US/firefox/addon/add-on-compatibility-reporter/

Spry Menu Bar css not compatible with IE7? or compatibility View on IE8?

Well i've made my website
. Swimmerbuddy.com
Problem:I used the spry menu bar on a div tag. I've got it working fine on several browser and so on.. but hmm. i noticed that IE7 and only on compatibility view of IE8 it does not work...
It seems like the drop down menus get cover by the main content underneath it..
I started of with dwt i made my self.This is the DWT and the css that controll the dwt and the spry menu bar.
PLZ HELP ME.. THANKS
THIS IS THE DWT THAT THE PAGE RUNS ON
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<link href="../CSS/main.css" rel="stylesheet" type="text/css" />


<style type="text/css">
a:link {
color: #000;
text-decoration: none;
</style>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
a:visited {
color: #000;
text-decoration: none;
a:hover {
text-decoration: none;
color: #000;
a:active {
text-decoration: none;
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
    <div id="networkicons"><a href="http://www.facebook.com/?ref=logo#!/profile.php?id=100001554936595" target="_blank"><img src="../_images/facebook.png" alt="facebook.com" width="45" height="45" border="0" title="facebook.com"/></a><a href="http://www.myspace.com/swimmerbuddy" TARGET="_blank"> <img src="../_images/myspace.png" alt="myspace.com" width="44" height="45" border="0" title="myspace.com"/></a><a href="http://twitter.com/swimmerbuddy" TARGET="_blank"> <img src="../_images/twitter.png" alt="twitter.com" width="43" height="45" border="0" title="twitter.com"/></a><a href="http://www.youtube.com/swimmerbuddy1" TARGET="_blank"> <img src="../_images/youtube.png" alt="youtube.com" width="44" height="45" border="0" title="youtube.com"/></a></div>
    <div id="buyNow1">
      <p><a href="../order_now.html"><img src="../buynowbutton.png" alt="bt1" width="130" height="25" border="0" longdesc="Order Your Swimmer Buddy Today!!" /></a></p>
    </div>
</div>
<div id="mainNav">
    <ul id="mainNavcontent" class="MenuBarHorizontal">
      <li><a href="../index.htm">Home</a>        </li>
      <li><a href="../swimmer.html">Swimmer Buddy</a></li>
      <li><a href="../order_now.html">Order Now</a>        </li>
      <li><a href="#" class="MenuBarItemSubmenu">Gallery</a>
        <ul>
          <li><a href="../photo_gallery.html">Photos</a></li>
          <li><a href="../video_gallery.html">Videos</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Zinger Products</a>
        <ul>
          <li><a href="http://www.winkyscoop.com/">Winky Scoop</a></li>
          <li><a href="http://www.1800succeed.com/">Hypmovation</a></li>
          <li><a href="http://www.1800succeed.org/">1800SUCCEED</a></li>
          <li><a href="http://www.zingerproducts.com">Zinger Store</a></li>
        </ul>
      </li>
      <li><a href="../about.html">About Us</a></li>
      <li><a href="../contact.html">Contact Us</a></li>
    </ul>
</div>

<div id="pageInfo">
    <div id="info_page">
      <p class="regionID">Region ID</p>
      <hr class="breaklinePageInfo" />
      <p class="breadcrum">> <a href="../index.htm">Breadcrum </a></p>
    </div>
    <div id="mainContent">
      <div id="content">
        <p>Main Content Goes her</p>
      </div>
    </div>
</div>


   <div id="buyNow2"><a href="../order_now.html"><img src="../buynowbutton.png" width="130" height="25" /></a></div>
   
<div id="footer">
<div id="footertext">
        <p class="footertextclass">Copyright © 2010 SwimmerBuddy.com. All rights reserved. SwimmerBuddy.com is part of <a href="http://www.zingerproducts.com" class="footertextclass">Zinger Products</a>. Designated Trademarks and brands are the property of their respective owners. This page was last modified Setember 28,2010. Swimmer Buddy - Pattent Pending 2010</p>
      </div>
    <div id="footerlinks">
        <p classs="footerlinkspacing"> <span class="footerlinkspacing"><a href="../Disclaimer.html">Disclaimer</a><a href="../terms.html"> Term of Service </a><a href="../contact.html">Contact Us</a></span>
</div>
      </div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("mainNavcontent", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
THIS IS THE MAIN.CSS
@charset "utf-8";
#networkicons {
height: 50px;
width: 200px;
margin-top: 160px;
margin-left: 15px;
position: absolute;
#wrapper {
width: 933px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: left;
position: relative;
#mainNav {
text-align: center;
position: relative;
margin-right: auto;
margin-left: auto;
width: 934px;
padding-bottom: 15px;
clear: both;
overflow: visible;
#navwrapper {
width: 935px;
margin-right: auto;
margin-left: auto;
#mainContent {
width: 910px;
padding-left: 10px;
padding-right: 10px;
position: relative;
padding-bottom: 20px;
padding-top: 20px;
#content {
width: 910px;
position: relative;
#wrapper #footer #footerlinks p .footerlinkspacing a {
margin-right: 20px;
#footer {
width: 930px;
background-color: #fff;
position: relative;
margin-top: 5px;
text-align: center;
color: #000;
padding-bottom: 10px;
margin-bottom: 15px;
#header {
width: 930px;
height: 209px;
background-image: url(../_images/header.jpg);
background-repeat: no-repeat;
#buyNow1 {
height: 25px;
width: 140px;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
background-repeat: no-repeat;
color: #666;
padding: 5px;
position: absolute;
top: 160px;
right: 150px;
.buyNow1 {
color: #666;
#wrapper #pageInfo #info_page .breadcrum {
color: #003;
#wrapper #pageInfo #info_page .breadcrum a {
color: #003;
html, body {
margin: 0px;
padding: 0px;
#buyNow2 {
height: 25px;
width: 130px;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
padding: 5px;
position: relative;
#wrapper #buyNow2 a img {
position: absolute;
top: -30px;
right: 50px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
#pageInfo {
width: 930px;
background-image: url(../_images/pageinfobackground.jpg);
background-repeat: repeat-x;
background-color:#FFF;
text-align: left;
padding-bottom: 15px;
margin-top: 18px;
position: relative;
overflow: visible;
visibility: visible;
#wrapper #mainNav #mainNavcontent {
position: absolute;
left: 0px;
width: 930px;
.regionID {
font-size: 2em;
font-weight: bold;
color: #FFC;
margin-top: 1em;
margin-bottom: 0em;
text-align: left;
margin-left: 5px;
.breaklinePageInfo {
margin-top: 0.5em;
color: #FAFEAB;
.breadcrum {
color: #003;
font-size: 1.1em;
font-weight: bold;
text-decoration: underline;
margin-top: -0.2em;
margin-left: 15px;
#breadcrum {
font-weight: bold;
color: #003;
#footertext {
width: 910px;
font-size: 0.6em;
padding-left: 10px;
padding-right: 10px;
margin-top: 10px;
#footerlinks {
width: 930px;
font-size: 0.7em;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #000;
position: relative;
margin-top: 10px;
margin-bottom: 5px;
.footertextclass {
color: #000;
.footerlinkspacing {
margin-top: -0.5em;
color: black;
height: 10px;
font-style: normal;
line-height: normal;
font-variant: normal;
letter-spacing: normal;
p {
margin: 0px;
padding: 0px;
body {
text-align: center;
margin-top: 5px;
background-color: #073e78;
background-image: url(../_images/background.jpg);
background-repeat: repeat-x;
background-attachment: scroll;
font-size: 100%;
THIS IS THE dropdown menu.css
@charset "UTF-8";
/* SpryMenuBarHorizontal.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, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
/* 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 a fixed width */
ul.MenuBarHorizontal li
margin: 0px;
padding: 0;
list-style-type: none;
font-size: 100%;
position: static;
text-align: center;
cursor: pointer;
width: 132.8px;
float: left;
overflow: visible;
visibility: visible;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 132.8px;
position: absolute;
left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 8.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: #333;
color: #FFF;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #FFF;
padding: 0.5em 0.75em;
color: #333;
text-decoration: none;
background-image: url(../_images/bar-top.png);
background-repeat: no-repeat;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
color: #003;
background-image: url(../_images/bar-Bottom.png);
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
color: #003;
background-image: url(../_images/bar-Bottom.png);
background-position: bottom;
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.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(../_images/bar-topsub.png);
background-repeat: no-repeat;
background-position: right top;
/* 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.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* 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.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-image: url(../_images/bar-topsubhover.png);
background-repeat: no-repeat;
background-position: right bottom;
/* 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.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
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.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* 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.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;

Thanks a lot for that tip. It does improve it by a whole lot.. i c what my mistake was.. however, something is still off
.. The Drop down menu is not behaving well...
As you may c by the picture, the drop down menu now moves to the right. and is not because of the object to its left, i've modified that. Zinger Products Drop Down Menu also does the same.

Using PSP with Dreamweaver

Using Dreamweaver to create PSP pages can become effortless and allow developers to rapidly generate thin-client, web based applications. Anything that can be accomplished with an ASP, PHP, JSP or any type of dynamic web page that also incorporates Javascript, can easily be created with PSP.
I've proven to management at my company that given similar application requirements, writing and deploying PSP pages is a much faster development cycle. And, in ALL cases, execution time is much faster and with a smaller application footprint.
When using these scripts together with Dreamweaver you can create a Rapid Application Development environment all by using PL/SQL Server Pages.
The batch file LOAD_PSP.bat will create a PSP file from your HTM file, creates a timestamped backup copy, and loads the PSP file into the database - all fast and easy.
Copy these batch files to your development directory and create a backup directory called Backup. Simply modify these batch files by adding the service name of your database to DB_NAME and adding your development username and password to the PSP_CONNECT variables. You should also change the path of your Oracle Home for the ORACLE_HOME variable as well.
To use these batch files, simply open a DOS Window and change it to your development directory where the batch files reside. Execute the batch files with the syntax, "LOAD_PSP web_page [optional connect string]" and the batch file will execute (don't add the .htm extension).
To allow you to maintain some sense of versioning, use the CH_PSP.bat script. This script simply adds a CHKPNT extension to the file name in the Backup folder. The reason for this is that LOAD_PSP will still copy PSP backup files of those compilations that fail and these should be removed. When you application is working, you can create a "CHECKPOINT" of the PSP file that you know works. This allows you to only maintain backup copies that you know work. Simply use the syntax "CH_PSP web_page". To perform a CHECKPOINT on all files in a folder, use the syntax "CH_PSP /ALL".
To view help for each, simply run the batch file followed by a /? or /help.
In closing, challenge a Java developer to create a dynamic, web-based, database driven app from scratch and win the top 3 challenges: Development time, size of application and speed of the application. I'll bet the PSP app wins all 3 every time.
---------------- Start LOAD_PSP.bat ----------------
@echo off
REM Program     : LOAD_PSP.bat
REM Purpose     : Copies HTM file to PSP; Uploads PSP File to Database
REM Author     : Edward Girard
REM Email : [email protected]
REM Created     : August 15, 2003
REM Updated     : September 30, 2003
REM
REM Syntax     : LOAD_PSP <html file> <Connect String>
REM <html file>> - HTML file to convert. Don't include .htm extension
REM          <Connect String> - database connect string [OPTIONAL]
REM
REM Notes      : Be sure BACKUP_FOLDER exists in current directory.
REM Files must end in .htm; NOT .html
REM
REM History     : 19-AUG-03 EJG; Added Connect String Argument
REM 30-SEP-03 EJG; Create Backup Copy using date and time
REM
REM Set Environment Variables
set DB_NAME=service_name
set PSP_CONNECT=username/password@%DB_NAME%
set ORACLE_HOME=C:\oracle\ora817
set BACKUP_FOLDER=Backup
if (%2) ==() goto endCase
set PSP_CONNECT=%2%
:endCase
REM Set the DATE and TIME Variables
for /F "tokens=1-4 delims=/- " %%A in ('date/T') do set DATE=%%D%%B%%C
set TIME=
for /F "tokens=1-4 delims=:., " %%a in ("%TIME%") do set TIME=%%a%%b%%c
REM Generate Backup File Name
set BACKUP=%1_%DATE%_%TIME%.htm
REM Check if ORACLE_HOME has been set
if (%ORACLE_HOME%) == () goto nohome
REM Check for PSP Argument
REM if not (%1) == () goto no_psp_file
if "%1%" == "" goto no_psp_file
REM Load PSP Files
cls
set HTM_FILE=%1%.htm
set PSP_FILE=%1%.psp
echo. ********************************************************
echo.
echo. Creating %psp_file% from %htm_file%
echo.
echo. ********************************************************
echo.
echo. Creating Backup Copy ....
copy %HTM_FILE% %BACKUP_FOLDER%\%BACKUP% /Y
echo.
echo. Copying %HTM_FILE% to %PSP_FILE% .....
copy %HTM_FILE% %PSP_FILE% /Y
echo.
echo. Uploading %psp_file% to database .....
echo.
loadpsp -replace -user %PSP_CONNECT% %1%.psp
if not %errorlevel% == 0 goto error_exit
echo.
echo. ********************************************************
echo.
echo. %psp_file% uploaded to database Successfully
echo.
echo. ********************************************************
goto exit
REM ===========================================================
REM Error Processing
:no_psp_file
echo.
echo PSP File Argument Missing
echo.
echo Syntax: LOAD_PSP htm_file [Connect_String]
echo. htm_file - HTM file to convert.
echo. Don't include .htm extension
echo. Connect_String - Database connect string [OPTIONAL]
echo.
echo Default Connect String: %PSP_CONNECT%
echo.
goto exit
:nohome
echo.
echo ORACLE_HOME environment variable is not set
echo.
goto exit
:error_exit
echo.
echo Script Exited with an Error
echo.
goto exit
:exit
endlocal
set DB_NAME=
set PSP_CONNECT=
set HTM_FILE=
set PSP_FILE=
set BACKUP=
set BACKUP_FOLDER=
set TIME=
set DATE=
REM ======================================================================
----------------- Load LOAD_PSP.bat ----------------
----------------- Start CH_PSP.bat -----------------
@echo off
REM Program     : CP_PSP.bat
REM Purpose     : Adds CheckPoint Flag to PSP File in Backup
REM Author     : Edward Girard
REM Email : [email protected]
REM Created     : February 6, 2004
REM Updated     : February 6, 2004
REM
REM Syntax     : CP_PSP <htm file> </all>
REM <htm file>> - HTML file to convert. Don't include .htm extension
REM          </all> - Checkpoints all PSP Files [OPTIONAL]
REM
REM Notes      : Be sure BACKUP_FOLDER exists in current directory.
REM Files must end in .htm; NOT .html
REM
REM /ALL Option Copies only HTM files that have a associated PSP
REM
REM History     :
REM
REM Set Environment Variables
set BACKUP_FOLDER=Backup
REM Set the DATE and TIME Variables
for /F "tokens=1-4 delims=/- " %%A in ('date/T') do set DATE=%%D%%B%%C
set TIME=
for /F "tokens=1-4 delims=:., " %%a in ("%TIME%") do set TIME=%%a%%b%%c
REM Check for PSP Argument
if "%1%" == "" goto no_psp_file
if "%1%" == "/?" goto help
if "%1%" == "/help" goto help
if "%1%" == "/all" goto chpt_all_files
if "%1%" == "/ALL" goto chpt_all_files
REM Generate Checkpoint File Name
set CHECKPOINT=%1_%DATE%_%TIME%_CHKPNT.htm
REM Load PSP Files
cls
set HTM_FILE=%1%.htm
echo. ********************************************************
echo.
echo. Creating %CHECKPOINT% from %htm_file%
echo.
echo. ********************************************************
echo.
echo. Creating CheckPoint Copy ....
copy %HTM_FILE% %BACKUP_FOLDER%\%CHECKPOINT% /Y
echo.
echo.
if not %errorlevel% == 0 goto error_exit
echo.
echo. ********************************************************
echo.
echo. %htm_file% Check Point Token Added Successfully
echo.
echo. ********************************************************
goto exit
REM ======== Check Point All Files ============================
:chpt_all_files
echo. /ALL Selected
REM Copy Only PSP files related to HTM Files
for /F "delims=." %%z in ('dir /b *.psp') do copy %%z.htm %BACKUP_FOLDER%\%%z_%DATE%_%TIME%_CHKPNT.htm
goto exit
REM ===========================================================
REM Help and SyntaxProcessing
:help
echo.
echo.Command: Checkpoint PSP
echo.
echo.Purpose: Adds a Checkpoint token (CHKPNT) to backed up htm files
echo.
:no_psp_file
if "%1%" == "" echo PSP File Argument Missing
echo.
echo Syntax: CP_PSP htm_file [Connect_String]
echo. htm_file - PSP file to Checkpoint.
echo. Don't include .htm extension
echo. /all - Checkpoint All PSP Modifier [OPTIONAL]
echo.
echo.
goto exit
:error_exit
echo.
echo Script Exited with an Error
echo.
goto exit
:exit
endlocal
set DB_NAME=
set PSP_CONNECT=
set HTM_FILE=
set PSP_FILE=
set BACKUP=
set BACKUP_FOLDER=
set TIME=
set DATE=
REM ======================================================================
------------------ Load CH_PSP.bat -----------------

Yes, I can bring the CF administrator screen. It asked me for
a password, the one I entered during the install of CF.
No I have created a mdb database and in the administrator
screen I registered the data source.
I am using the built-in CF web server.
I was trying to create a directory for a testing web page (
just to get me started...) in my computer, tipically in the
"myDocuments" folder and then upload it to the CFweb server.
Now I am reading the CF documentation in the adobe site,
using the samples they provide.
I guess it will be a long way to learn but I will do it
Thanks
Rui

Still having trouble with Dreamweaver website in Internet Explorer

I had to make some changes and IE (8 & 9) is giving me new fits. This is the URL "http://www.canonguy.net/KehilaLinktest/"
The left menu isn't stacked (links are different lengthsit does an over/under???) & the font sizes are different in right/left sidebars. like it is in Safari/Firefox/Chrome and the
Here are my stylesheets today:
threeColFixHdr.css
@charset "utf-8";
/*.container .blockquote {
    background-color: #FAF0E6;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    text-decoration: underline;
    border-left-width: thick;
    border-left-style: double;
    border-left-color: #666;
    margin-left: 25px;
    margin-right: 15px;
.content blockquote {
    background-color: #FAF0E6;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: normal;
    text-decoration: none;
    border: thin dashed #333;
    padding: 10px;
    margin-left: 12px;
    margin-right: 10px;
/* CSS Document */
body {
    /* [disabled]font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; */
    background: #42413C;
    margin: 0;
    padding: 0;
    color: #000;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    /* [disabled]font-size: 1.2em; */
/* ~~ 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. */
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: .8em;
    font-weight: 300;
    text-align: center;
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;
img {
    border: 2px solid #000;
.header a:link {
    color: #FFF;
    text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    font-weight: 900;
.header a:hover, .header a:active, .header a:focus {
    text-decoration: none;
    color: #FFF;
    font-weight: 400;
.header a:active , .header a:focus   {
    text-decoration: none;
    color: #FFF;
.header a:hover {
    text-decoration: blink;
    color: #E8E1D1;
a:visited {
    color: #6E6C64;
    text-decoration: underline;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
    color: #00F;
    text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    font-weight: 900;
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: blink;
    color: #929C53;
/* ~~ This fixed width container surrounds all other divs ~~ */
.container {
    width: 1000px;
    background: #FFFFFF;
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
    font-size: 14pt;
/* ~~ 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 {
    /* [disabled]background: #ADB96E; */
    height: 88px;
    background-color: #929C53;
    color: #FFF;
    border-bottom: 1px solid #000;
h3 {
    color: #FFF;
.content {
    padding: 10px 0;
    width: 600px;
    float: left;
    font-size: 1.0em;
    min-height: 600px;
    max-height: 3000px;
    margin-left: 35px;
/* ~~ These are the columns for the layout. ~~
1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs 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.
2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
4) If you prefer your nav on the right instead of the left, simply float these columns the opposite direction (all right instead of all left) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
.sidebar1 {
    float: left;
    width: 170px;
    background: #E8E1D1;
    font-size: 9pt;
    height: 650px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
.sidebar2 {
    float: right;
    width: 170px;
    background: #E8E1D1;
    padding: 10px 0;
    font-size: 9pt;
    height: 650px;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    color: #333;
.container .sidebar2 .JewishGen {
    font-size: 0.8em;
    margin-top: 50px;
    margin-left: 10px;
.CenteredHeadings {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 1.1em;
    font-weight: 600;
    text-align: center;
.sidebar1 a:link {
    color: #030;
    text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    font-weight: 900;
.sidebar2 a:link {
    color: #333;
    text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    font-weight: 900;
    text-align: left;
.container .sidebar2 .searchBox {
    margin-bottom: 5px;
    border: thin solid #000;
    margin-left: 15px;
    margin-right: 5px;
    background-color: #BEC49F;
    margin-top: 25px;
    width: 140px;
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
    padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
    list-style: none; /* this removes the list marker */
    border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
    margin-bottom: 15px; /* this creates the space between the navigation on the content below */
ul.nav2 {
    list-style: none; /* this removes the list marker */
    border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
    margin-bottom: 15px; /* this creates the space between the navigation on the content below */
ul.nav li {
    border-bottom: 1px solid #666; /* this creates the button separation */
ul.nav2 li {
    border-bottom: 1px solid #666; /* this creates the button separation */
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
    padding: 5px 5px 5px 15px;
    display: block; /* this gives the anchor block properties so it fills out the whole LI that contains it so that the entire area reacts to a mouse click. */
    width: 145px; /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
    text-decoration: none;
    background: #BEC49F;
    /* [disabled]background-color: #C6D580; */
ul.nav2 a, ul.nav2 a:visited {
    padding: 5px 5px 5px 15px;
    display: block; /* this gives the anchor block properties so it fills out the whole LI that contains it so that the entire area reacts to a mouse click. */
    width: 135px; /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
    text-decoration: none;
    background: #BEC49F;
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
    background: #ADB96E;
    color: #FFF;
ul.nav2 a:hover, ul.nav2 a:active, ul.nav2 a:focus {
    background: #ADB96E;
    color: #FFF;
.nav {
    height: 250px;
.nav2 {
    height: 250px;
/* ~~ The footer styles ~~ */
.footer {
    background: #CCC49F;
    position: relative;/* this gives IE6 hasLayout to properly clear */
    clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
    height: inherit;
    font-size: .6em;
    border-top: 1px solid #000;
.footerCopy {
    /* [disabled]padding: 10px; */
    background: #CCC49F;
    position: relative;/* this gives IE6 hasLayout to properly clear */
    clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
    font-size: 1em;
    text-align: left;
/* ~~ 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 <br /> 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;
h1 {
    font-size: 200%;
    color: #000;
h2 {
    font-size: 170%;
    color: #000;
h3 {
    font-size: 150%;
    color: #333;
h4 {
    font-size: 130%;
    color: #333;
    text-align: left;
h5 {
    font-size: 120%;
    color: #333;
h6 {
    font-size: .9%;
    color: #333;
.container .smallText {
    font-size: 0.75em;
    text-align: center;
.container .sidebar2 {
    /* [disabled]color: #929C53; */
.Center_caption {
    text-align: center;
    color: #333;
    font-weight: normal;
    padding: 0px;
    margin-top: 10px;
.container .content .indentContent {
    text-align: left;
.container .content h5 {
    margin-left: -250px;
    /* [disabled]padding-left: 25px; */
.container .content .pageTitle {
    font-weight: 900;
    color: #333;
    margin-left: 50px;
    padding-bottom: 25px;
.romania {
    font-weight: 900;
    color: #906;
spryMenuBarVertical.css
@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
    padding: 0;
    list-style-type: none;
    cursor: default;
    width: 140px;
    background-color: #BEC49F;
/* 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
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    text-align: left;
    cursor: pointer;
    border: 1px solid #fff;
/* 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
    margin: -5% 0 0 95%;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: absolute;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    left: -1000em;
    top: 0;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
    left: 0;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
    width: 8.2em;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
    border: 1px solid #CCC;
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
    border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
    display: block;
    cursor: pointer;
    background-color: #BEC49F;
    padding: 0.5em 0.75em;
    color: #333;
    text-decoration: none;
    font-size: 9pt;
/* 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: #929C53;
    color: #FFF;
/* 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: #929C53;
    color: #FFF;
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%;
/* 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%;
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
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
/* 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;
HeaderDivs.css
@charset "utf-8";
/* CSS Document */
.leftSide{
    float:left;
.rightSide{
    float:right;
BigHeader {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 200%;
    font-style: normal;
    font-weight: 900;
    font-variant: normal;
    color: #FFF;
    margin-top: 20px;
    margin-left: 15px;

In this line:
<img style="margin-left:27px;margin-top:30px;" src="images/coat-of-arms.gif" width="100" height="138" alt="Roman's Coat of Arms" /><h4 style="padding-top:25px;padding-bottom:8px;text-align:center;font-weight:800;">
Close the image tag at the end:
<img... ...height:800;" />
You need to go through your <ul> and <li> tags very, very carefully. You have some mismatched elements (missing closing tags) in your huge list.
Here:
<p>
     
     
   <p> </p>
You have missed a closing </p> tag
These input elements need closing like this
<input name="allcountry" value="ALLROMANIA" type="hidden" />
You may have too many closing </div> tags at the end of your page.
Check your site in the validator: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.canonguy.net%2FKehilaLinktest %2F
Fix the problems you can and then revalidate it to see how you are getting on.
Martin
The first thing to focus on is your <ul> an <li> tags that will screw your menu

Having trouble with dreamweaver cs 6 spry tabbed panels, all content in each tab showes through like

Having trouble with dreamweaver cs 6 spry tabbed panels, all content in each tab showes through like it was all created on one page, plus mouse over doesnt work on them.
This started all of a sudden.
The entire website is a series of spry tabbed panels.
http://pacificlaser.com/const.html
if you click on General construction tab things work ok...
if you click on Machine control tab, mouse over doesnt work and all page content of each tab show through.
ive been looking for the answer for 4 months with no success.
Hope a fellow dreamwever-person can help
Thanks Rick

You called it: your links to the SpryAssets are linking to your hard drive, not to the files within the folder on the server.
Correct these links:
<script src="file:///C:/Users/work/Desktop/Sites/SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="file:///C:/Users/work/Desktop/Sites/SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
And you should be good to go.
Beth
ps. If you run into more difficulties with the Spry Widgets, take your questions to the Dreamweaver Spry Forum http://forums.adobe.com/community/labs/spry, where they will get quicker attention.
B

Old CSS layout in new Dreamweaver 8

I created a site with CSS layout in Dreamweaver MX. I defined
the main page area with a div ID and then added other smaller div
ID stacked on top with higher z indexes. This all worked fine in
MX, but when I opened the site with Dreamweaver 8, I could not edit
the content sections of the pages. I get a international no symbol
and a box defining the larger page area. I assume that if I could
select other areas, I could edit them. I tried selecting a layer,
but there are no layers in the layers pallet. Originally I just
hand coded the various div ids.
I hope I'm just missing something simple. What am I doing
wrong?
Thank you for the help!

> How do you recommend doing the layout if not in layers?
It's not necessary to use any absolute positioned elements on
a page like
that. I would do it with stacked containers, some floated
into position,
some margined into position, and all just placed on the page
by the normal
flow of the code from top to botton. To read about what I
mean, go here -
http://www.macromedia.com/devnet/dreamweaver/articles/tableless_layout_dw8.html
http://www.macromedia.com/devnet/dreamweaver/articles/css_concepts.html
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
==================
"ooo11" <[email protected]> wrote in message
news:edrvi0$ke1$[email protected]..
> Removing the overflow property did work. Thank you!
>
> How do you recommend doing the layout if not in layers?

CSS Version compaibility with Dreamweaver 8.0

Similar Messages

Maybe you are looking for