Center website VERTICAL in Dreamweaver CS4

Hello anyone,
I would like to center my website VERTICALLY in Dreamweaver CS4.
I am new at this and don't understand code language, so please use 'design-view' language if possible.
Thanks!!!

It's not a question of centering vertically in CS4, but doing so reliably in all browsers. Horizontal centering is easy. Vertical centering is not. The following tutorials explain how to do it:
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
http://murphy.cz/victoria-s-vertical-centering/
Warning: they're not written in "design view" language. If you want to achieve a reasonable level of proficiency in web design, you need to learn how to use HTML and CSS.

Similar Messages

Website created in Dreamweaver CS4 doesn't look right in CS6

I used to have an old version of Dreamweaver (CS4 I think) and my laptop got taken out by a lightening strike. I have had to purchase Dreamweaver CS6 and I have loaded up my website (files recovered from hard drive) but the pages don't look right - wrong colours, wrong font, text missing, buttons not displayed properly etc. any help gratefully received!

Are you sure site files on your hard drive were not damaged by the electrical surge?
Can you GET replacement files from your remote server?
Nancy O.

Old Website Mess in Dreamweaver CS4

I'm redesigning my company's website for them, and when I import their Index html into my Dreamweaver CS4, it's a mess, with everything set to the left in a long, list down the page. When I open it in Dreamweaver 8 on the company computers, however, it opens fine... but I'd much rather not work on such an old version of Dreamweaver. I'd also like to be able to incorporate it easily with my other CS4 apps.
Do I need to upgrade the version, or how can I fix these problems?

File not found: import file://localhost/css/title.css: Operation not permitted
File not found: import file://localhost/css/home.css: Operation not permitted
File not found: import file://localhost/css/Nav4IE7.css: Operation not permitted
localhost refers to your local computer the reference probably should simply read css/title.css to make it document relative where css is the directory and title.css the actual stylesheet.
You have no background-color set (or background-color is set to transparent) but you have set a color. Make sure that cascading of colors keeps the text reasonably legible.
If you set a text color, a BG color may be required. Just a friendly warning in case you use red on red or something similar
font-family: You are encouraged to offer a generic family as a last alternative
Well, again, pretty clear. All font definitions should not only point to specific font names liek "Arial", "Helvetica" or "Times New Roman", but also have the generic serif, sans-serif or symbol definitions attached as a fallback measure. After all, text rendering depends on locally installed typefaces and some of them may not be available.
In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
Again, not all too difficult to understand. Elements that use float alignment can have variablke widths if not constrained. This will prevent other page elements from aligning correctly. A common application are sidebars, which for design reasons you always want to have a fixed width, so it is a good idea to define a width for the DIV that holds it, or otehr wise otehr page elements may go over or under it, obscuring information or rendering links unclickable.
Mylenium

Photo Website question using Dreamweaver CS4

Is it possible using Dreamweaver CS4 to create a website for a photos?
I've been using iWeb and I want to make a better looking website for my photos.
Thanks

Create your layout in Dreamweaver and then there's plenty of resources available to image galleries, slide shows etc:
A lot of good ideas here:
http://www.1stwebdesigner.com/resources/57-free-image-gallery-slideshow-and-ligh tbox-solutions/
LightBox 2
http://www.lokeshdhakar.com/projects/lightbox2/
FLOATBOX:
http://randomous.com/floatbox/demo
Phatfusion lightbox - photos, flash
http://www.phatfusion.net/multibox/
PrettyPhoto:
http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/
Scrolling Images
http://sorgalla.com/jcarousel/
Image gallery
http://www.simpleviewer.net/simpleviewer/
Nadia
Adobe® Community Expert : Dreamweaver
http://www.perrelink.com.au
Unique CSS Templates | Tutorials | SEO Articles
http://www.DreamweaverResources.com
http://twitter.com/nadiap

How to Make Dreamweaver CS4/Flash CS4 Website Function on all Latest Mobile Devices

Hello!
I am trying to add code into my Dreamweaver CS4 file and/or Flash CS4 file in order to have the website I have created work across all of the latest mobile devices as well as traditional online systems. My flash file has a transparent stage, and my dreamweaver file has a full-screen background image. I have reviewed various tutorials and articles available online, and some advocate simply adding code, which does not seem to be working for me, while others suggest having a similar separate site created solely for mobile devices. If this is the best option, I don't know how that should be set up. What is the best path to take with this?
This is the collection of various pieces of code I have tried adding to my files:
<meta name="viewport" content="width=device-width" user-scalable="yes" initial-scale="1.0" /> 
   <meta name="HandheldFriendly" content="true" /> 
</style>
   <param name="allowScriptAccess" value="sameDomain" />
      <param name="allowFullScreen" value="true" />
<param name="allowScriptAccess" value="sameDomain" />
        <param name="allowFullScreen" value="true" />
        <param name="var params = {          id: "flashID", name: "flashcontent", menu: "false", allowFullScreen: "true", fullScreenOnSelection: "true", scale:"noscale", salign:"middle"};"
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
//or//
this.stage.scaleMode = StageScaleMode.NO_SCALE;
this.stage.align = StageAlign.TOP_LEFT;
next_btn.width = 133 * .5;
next_btn.height = 133 * .5;
//flash//
next_btn.width = Capabilities.screenDPI * .5;
next_btn.height = Capabilities.screenDPI * .5;
//flash//
this.stage.addEventListener(Event.RESIZE, doLayout);
//flash://
<initialWindow>
   <width>320</width>
   <height>480</height>
   
</initialWindow>
* Convert inches to pixels.
private function inchesToPixels(inches:Number):uint
   return Math.round(Capabilities.screenDPI * inches);
var button:Sprite = new Sprite();
button.x = 20;
button.y = 20;
button.graphics.beginFill(0x 003037);
button.graphics.drawRect(0, 0, this.inchesToPixels(.75),
   this.inchesToPixels(.25));
button.graphics.endFill();
   this.addChild(button);
//hard-code title://
var titleBar:Sprite = new Sprite();
titleBar.x = 0;
titleBar.y = 0;
//stage width determines width of title://
var titleBar:Sprite = new Sprite();
titleBar.x = 0;
titleBar.y = 0;
titleBar.graphics.beginFill(0x003037);
titleBar.graphics.drawRect(0, 0, this.stage.stageWidth,
   this.inchesToPixels(.3));
titleBar.graphics.endFill();
this.addChild(titleBar);
//footer://
var footer:Sprite = new Sprite();
footer.graphics.beginFill(0x003037);
footer.graphics.drawRect(0, 0, this.stage.stageWidth,
   this.inchesToPixels(.3));
footer.graphics.endFill();
footer.x = 0;
footer.y = this.stage.stageHeight - footer.height;
this.addChild(footer);
* Center one DisplayObject relative to another.
private function center(foreground:DisplayObject,
   background:DisplayObject):void
      foreground.x = (background.width / 2) -
         (foreground.width / 2);
      foreground.y = (background.height / 2) +
         (foreground.height / 2);
//cont.//
var title:SimpleLabel = new SimpleLabel("My Application",
   "bold", 0xffffff, "_sans", this.inchesToPixels(.15));
this.center(title, titleBar);
this.addChild(title);
//override width and height getters
public override function get width():Number
   return this.textLine.textWidth;
public override function get height():Number
   return (this.textLine.ascent - 1);
if (Capabilities.manufacturer == "Android Linux" && Capabilities.screenResolutionY == 1024)
next_btn.width = 85;
next_btn.height = 85;
This is the code for my Dreamweaver CS4 file (without the additional erogenous code attempts):
<!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">
<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN"
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>My Website Title and Slogan.</title>
<style type="text/css">

<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<img src ="image.gif" width=90% height=auto>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<meta name="Keywords" content="keywords…" />
<div align="center"></div>
<div align="center">
<p> </p>
<p>
    <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="900" height="630">
      <param name="movie" value="FlashFile.swf" />
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="swfversion" value="6.0.65.0" />
      
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      
      
      <object type="application/x-shockwave-flash" data="FlashFile.swf" width="900" height="630">
        
        <param name="quality" value="high" />
        <param name="wmode" value="transparent" />
        <param name="swfversion" value="6.0.65.0" />
        <param name="expressinstall" value="Scripts/expressInstall.swf" />
        
        <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>
        
      </object>
      
    </object>
</p>
</div>
<div align="center"> </div>
<script type="text/javascript">

</script>
</body>
</html>
I have tried various combinations of the code listed above, but nothing seems to be working. I am not sure as to the positioning of the code, and maybe that is the problem, or maybe it is because this code in not for CS4, or not appropriate for my project. I also do not know what code should be inside the Flash file, nor what should should be inside the Dreamweaver file.
Thank you in advance for any assistance!

Hi
To add to what Gramps has said, Adobe has ceased developing its flash player for ALL mobile devices so do not use Flash for any mobile device.
Depending on the complexity of your Flash program you may be able to recreate it using Edge, but the code generated by Edge does not work in IE8 or below.
For details on Edge, see - http://labs.adobe.com/technologies/edge/
PZ

How to Make Flash CS4/Dreamweaver CS4 Website Function on all Latest Mobile Devices

Hello!
I am trying to add code into my Dreamweaver CS4 file and/or Flash CS4 file in order to have the website I have created work across all of the latest mobile devices as well as traditional online systems. My flash file has a transparent stage, and my dreamweaver file has a full-screen background image. I have reviewed various tutorials and articles available online, and some advocate simply adding code, which does not seem to be working for me, while others suggest having a similar separate site created solely for mobile devices. If this is the best option, I don't know how that should be set up. What is the best path to take with this?
This is the collection of various pieces of code I have tried adding to my files:
<meta name="viewport" content="width=device-width" user-scalable="yes" initial-scale="1.0" /> 
   <meta name="HandheldFriendly" content="true" /> 
</style>
   <param name="allowScriptAccess" value="sameDomain" />
      <param name="allowFullScreen" value="true" />
<param name="allowScriptAccess" value="sameDomain" />
        <param name="allowFullScreen" value="true" />
        <param name="var params = {          id: "flashID", name: "flashcontent", menu: "false", allowFullScreen: "true", fullScreenOnSelection: "true", scale:"noscale", salign:"middle"};"
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
//or//
this.stage.scaleMode = StageScaleMode.NO_SCALE;
this.stage.align = StageAlign.TOP_LEFT;
next_btn.width = 133 * .5;
next_btn.height = 133 * .5;
//flash//
next_btn.width = Capabilities.screenDPI * .5;
next_btn.height = Capabilities.screenDPI * .5;
//flash//
this.stage.addEventListener(Event.RESIZE, doLayout);
//flash://
<initialWindow>
   <width>320</width>
   <height>480</height>
   
</initialWindow>
* Convert inches to pixels.
private function inchesToPixels(inches:Number):uint
   return Math.round(Capabilities.screenDPI * inches);
var button:Sprite = new Sprite();
button.x = 20;
button.y = 20;
button.graphics.beginFill(0x 003037);
button.graphics.drawRect(0, 0, this.inchesToPixels(.75),
   this.inchesToPixels(.25));
button.graphics.endFill();
   this.addChild(button);
//hard-code title://
var titleBar:Sprite = new Sprite();
titleBar.x = 0;
titleBar.y = 0;
//stage width determines width of title://
var titleBar:Sprite = new Sprite();
titleBar.x = 0;
titleBar.y = 0;
titleBar.graphics.beginFill(0x003037);
titleBar.graphics.drawRect(0, 0, this.stage.stageWidth,
   this.inchesToPixels(.3));
titleBar.graphics.endFill();
this.addChild(titleBar);
//footer://
var footer:Sprite = new Sprite();
footer.graphics.beginFill(0x003037);
footer.graphics.drawRect(0, 0, this.stage.stageWidth,
   this.inchesToPixels(.3));
footer.graphics.endFill();
footer.x = 0;
footer.y = this.stage.stageHeight - footer.height;
this.addChild(footer);
* Center one DisplayObject relative to another.
private function center(foreground:DisplayObject,
   background:DisplayObject):void
      foreground.x = (background.width / 2) -
         (foreground.width / 2);
      foreground.y = (background.height / 2) +
         (foreground.height / 2);
//cont.//
var title:SimpleLabel = new SimpleLabel("My Application",
   "bold", 0xffffff, "_sans", this.inchesToPixels(.15));
this.center(title, titleBar);
this.addChild(title);
//override width and height getters
public override function get width():Number
   return this.textLine.textWidth;
public override function get height():Number
   return (this.textLine.ascent - 1);
if (Capabilities.manufacturer == "Android Linux" && Capabilities.screenResolutionY == 1024)
next_btn.width = 85;
next_btn.height = 85;
This is the code for my Dreamweaver CS4 file (without the additional erogenous code attempts!):
<!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">
<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN"
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>My Website Title and Slogan.</title>
<style type="text/css">

<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<img src ="image.gif" width=90% height=auto>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<meta name="Keywords" content="keywords…" />
<div align="center"></div>
<div align="center">
<p> </p>
<p>
    <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="900" height="630">
      <param name="movie" value="FlashFile.swf" />
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="swfversion" value="6.0.65.0" />
      
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      
      
      <object type="application/x-shockwave-flash" data="FlashFile.swf" width="900" height="630">
        
        <param name="quality" value="high" />
        <param name="wmode" value="transparent" />
        <param name="swfversion" value="6.0.65.0" />
        <param name="expressinstall" value="Scripts/expressInstall.swf" />
        
        <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>
        
      </object>
      
    </object>
</p>
</div>
<div align="center"> </div>
<script type="text/javascript">

</script>
</body>
</html>
I have tried various combinations of the code listed above, but nothing seems to be working. I am not sure as to the correct positioning of the code, and maybe that is the problem, or maybe it is because this code in not for CS4, or not appropriate for my project. I also do not know what code should be inside the Flash file, nor what should should be inside the Dreamweaver file.
Thank you in advance for any assistance!

There is no simple code to add that will display the same on all mobile devices....
you do know that the iProducts (iPhone, iPad, etc) don't display Flash at all, right?
So as a start for "functioning on all latest mobile devices" you should drop any Flash content you have and move on.
Adninjastrator

I am looking for assistence how to import an existing website in Dreamweaver CS4

I need help to import an existing website in Dreamweaver CS4

Only have one Dreamweaver CS4 installed, trying to get my DW CS4 disk I
bought installed on computer (done) I only need to figure out how to link
my website to the DW CS4 on my second computer.
L. Francesca Ferrari, L.Ac., DTCM, DMQ (China)
Ferrari Center of Chinese Medicine
222 Forest Avenue
Pacific Grove, CA 93950
831.818.3993
www.francescaferrari.com
L. Francesca Ferrari, L.Ac., DMQ (China)
Department Chair Medical Qigong Science
Five Branches University
This message, together with any attachments, is intended only for the use of
the individual or entity to which it is addressed and may contain
information that is confidential and prohibited from disclosure. If you are
not the intended recipient, you are hereby notified that any dissemination,
or copying of this message, or any attachment, is strictly prohibited. If
you have received this message in error, please notify the original sender
immediately by telephone or by return e-mail and delete this message, along
with any attachments, from your computer.
From: "Nancy O." <[email protected]>
Reply-To: <[email protected]>
Date: Sat, 04 Sep 2010 18:34:03 -0600
To: Francesca Ferrari <[email protected]>
Subject: i am looking for assistence how to import an existing
website in Dreamweaver CS4
>> I do not know where the site files are. They are on my initial Mac laptop
>> computer, and I use Hostway as my server.
Do you mean you lost your local copy of your site files from on an old
computer?
Log-in to your Remote Server and GET the site files using DW or your favorite
FTP application (Cute, Filezilla, WS_ftp, etc....)
>> But I was distinctly told my the call yesterday with Adobe that I must have
>> CS5 to get my website, www.francescaferrari.com with Dreamweaver on my
>> second computer.
Which version of DW did you have before?
How many installations of DW did you have? You can have up to 2 at a time.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
>

Getting Website on Search Engines? I used Dreamweaver CS4.

I have a website that was launched recently, which was created with Dreamweaver CS4. After using some search engines, I found that on some of them, some of my pages were appearing on the first page - however, none of them are the home page. Of the pages that do appear, some of them don't even contain the keywords that I typed in to the search engine.
Here's my question: what do I need to do to get my website higher up on search engines?

Hi,
first: the "magic word" to google is: SEO (search engine optimization). Here you will find how to try to carry out your plans:
http://en.wikipedia.org/wiki/Search_engine_optimization
http://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.com/de//web masters/docs/search-engine-optimization-starter-guide.pdf
German (but still useful) links:
http://suchmaschinenoptimierung.michaelsattler.de/
http://de.wikipedia.org/wiki/Suchmaschinenoptimierung
Forum:
http://www.seochat.com/c/b/Search-Engine-Optimization-Help/
Hans-G.

[Dreamweaver CS4] Absolute & Relative Position - Referenzpunkt und Probleme WebSite

Hallo Community!
Ich habe mich heute hier registriert, und dies ist auch mein erster Beitrag, allerdings habe ich schon des "öfteren" auch hier nach relevanten Hilfen für mich gesucht und diese auch meistens gefunden, allerdings hänge ich jetzt wieder bei einem Problem das so einfach (für mich) im Moment nicht zu lösen ist. Auf jeden Fall freut es mich, jetzt aktiv angemeldet zu sein und hoffe auf eine gute Zusammenarbeit! Es ist mir auch wichtig zu sagen, dass dies nicht das erste Forum ist, wo ich dieses Problem poste, ich bitte euch allerdings dies nicht als eine Art von "Spam" zu sehen, sonder es geht mir darum mehr Meinungen zu dem Problem einzuholen! Danke!
Zum Projekt - Kenntnissen:
Ich mache im Moment im Dreamweaver CS4 eine Website für meinen Vater, und mein bisheriges Wissen habe ich aus Tuts, Learning by Doing, teilweisen Programmierkenntnissen aus dem Studium und viel Mühe Ich möchte allerdings tiefer in das Thema einsteigen und werde mir deshalb in naher Zukunft literarische Unterstützung besorgen ! Dies am Rande damit ihr evtl. nicht schockiert seid, wie ich die Seite bis jetzt "gebaut" habe!
Aber nun zu meinem Problem:
Zuerst die Seite: www.multimedia-horvath.at
Nun folgendes, ich habe ein allgemeines Problem mit den AP - Divs bzw. allgemein mit der Positionierung von Grafiken uä.! Nur hatte das bis dato nicht den Effekt dass ich nicht weiterarbeiten konnte - jetzt schon!
Es ist so, dass ich auf der Portfolio --> Multimedia Seite rechts daneben ein AP Div hinzufügen möchte um jeden einzelnen Punkt der SUbnavi mit anderem Content darzustellen!
D.h. also. dass ich über die Hauptnavi Portfolio zur Subnavi komme, und dann dort zB auf "Multimedia" klicke und dann rechts daneben Content + Image steht. Ich habe (werde) zu diesem Zwecke den Code der jeweiligen Seite kopieren und bis auf die Beschriftung und den Content beim selben belassen. (Man hat mir von Frames, Iframes abgeraten )
Allerdings ist es nun so, dass ich die Buttons der Subnavi testweise einmal in div-tags eingebettet habe, und einmal als normale img´s importiert habe. Soweit so gut, die SubNavi passt dann im Groben auch, aber wenn ich dann versuche ein ap-div mit img´s und content rechts daneben zu platzieren verschiebt sich erstens alles und das ap-div ist dann plötzlich über meinem Header, und da hilft dann auch kein verschieben nichts mehr ! --> Dies passiert alles wenn ich die Position auf "Relativ" gestellt habe. Anders bei absolut, da steht das Ding dann wo ich es hin"mache", aber auch nicht unbedingt ganz genau, denn im Design Modus steht es dann komplett anders als im Live-View oder im Browser!
kann es denn sein, dass ich irgendeine Grundeinstellung falsch habe? Dass mein absoluter Punkt bereits falsch gesetzt ist und davon ableitend auch mit dem relativen Positionen etwas nicht stimmt?
Leider habe ich dieses Problem auch bereits auf der Homeseite, allerdings habe ichs da durch langes probieren und versuchen geschafft dass es zumindes vernünftig dargestellt wird, glücklich bin ich damit aber nicht wirklich.
So, ich hoffe dass mein Problem verständlich ist, und würde mich über Kommentare von eurer Seite sehr freuen!
Auch über jedwede konstruktive Kritik zu dem bisherig "gebauten" nehme ich sehr gerne entgegen!
€dit: Was mir noch eingefallen ist:
oftmals ist meine Entwurfs bzw. Live-Ansicht komplett anderst wie dann im Browser - ich meine im Prinzip kein Problem solange es in den Browsern dann passt, aber kann es denn sein dass im Entwurf teilweise alles auf einer anderen Position ist zB und im Browser dann stimmt ?
Vielen Dank im Voraus,
LG

Ähm, naja, du verwendest AP DIVs - Webdesign von vorgestern. Da braucht man nicht mehr zu zu sagen. Schrott, Schrott, Schrott. Wegschmeißen, mit richtigem CSS und konsequent relativer Ausrichtung und Formattierung der Elemente arbeiten. Klingt jetzt gemein, ist aber so. Du klammerst dich zu sehr an ein bestimmtes Design, und vergißt die Struktur, deswegen wird das nie funktionieren. You know, Vererbung von Eigenschaften, IDs, Klassen und so was...
Mylenium

Footer displayed inaccurately in Dreamweaver CS4 php page

Hi,
I recently upgraded from Dreamweaver 8 to Dreamweaver CS4. Our organization site uses mostly php pages. When I attempt to open these pages in Dreamweaver CS4 the footer menu bar displays innacurately down through the center of the page and won't allow any edits as it acts like a top layer or something. Usually it acts as a menu bar on the top of any page on our website.
As it should appear from an online screen shot: You'll notice the orange menu bar across the top.
A shot of the Design View in Dreamweaver CS4: You'll see the menu options are running down the center of the page as text.
This is the code : Can also be visited at www.axisdance.org
    <div id="footer">AXIS Dance Company · 1428 Alice Street, Suite 200 · Oakland, CA 94612<br />
        Phone: 510-625-0110 · Fax: 510-625-0321
    </div>
    <div id="navBar">
        
        <ul id="udm" class="udm">
            <li><h2><a href="index.php">home</a></h2>
            </li>
            <li><h2><a href="about.php">about us</a></h2>
                <ul>
                <li><a href="about.php">About AXIS</a></li>
                <li><a href="about_news.php">News</a></li>
                <li><a href="about_mediaKit.php">Media Kit</a></li>
                <li><a href="about_dancers.php">Dancers</a></li>
                <li><a href="about_staff.php">Board & Staff</a></li>
                <li><a href="about_jobs.php">Jobs & Auditions</a>
                <ul>
                    <li><a href="about_internships.php">Internships</a></li>
                    </ul>
                <li><a href="about_faq.php">FAQ</a></li>
                <li><a href="about_contact.php">Contact Us</a>
                    <ul>
                    <li><a href="about_contact_directions.php">Directions</a></li>
                    </ul>
                </li>
                </ul>
            </li>
            <li><h2><a href="performance.php">performances</a></h2>
                <ul>
                <li><a href="performance.php">Performance Calendar</a></li>
                <li><a href="performance_repertory.php">Repertory Clips </a></li>
                <li><a href="performance_gallery.php">Image Gallery</a></li>
                <li><a href="performance_reviews.php">Reviews</a></li>
                <li><a href="performance_booking.php">Booking AXIS</a></li>
                <li><a href="performance_collaboration.php">Collaborating Artists</a></li>
                </ul>
            </li>
            <li><h2><a href="education.php">education</a></h2>
                <ul>
                <li><a href="education.php">About Education </a></li>
                <ul>
                    <li><a href="kids.php">Dance Access/KIDS!</a></li>
                    <li><a href="Adults.php">Dance Access (Adults)</a></li>
                    </ul>
                <li><a href="education_danceAccess.php">Class Schedule</a></li>
                <li><a href="education_hiring.php">Booking Dance Access</a></li>
                <li><a href="education_summerIntensive.php">Summer Intensive</a></li>
                <li><a href="education_resources.php">Resources</a>
                    <ul>
                    <li><a href="education_resources_videos.php">Media</a></li>
                    <li><a href="education_resources_articles.php">Essays & Articles</a></li>
                    <li><a href="assets/teachersGuide.pdf">Teacher's Guide (PDF)</a></li>
                    </ul>
                </li>
                <li><a href="education_likeUs.php">Companies Like Us</a></li>
                </ul>
            </li>
            <li><h2><a href="support.php"> support </a></h2>
                <ul>
                <li> <a href="support.php"> Ways to Support</a></li>
                <li><a href="support_volunteering.php">Volunteering</a></li>
                <li><a href="support_mailingList.php">Join Mailing List</a></li>
                <li><a href="support_store.php">AXIS Store</a></li>
                <li><a href="support_funders.php">Funders & Donors </a></li>
                <li><a href="support_webSupporters.php">Web Supporters</a></li>
                </ul>
            </li>
        </ul>
        <img src="images/shim.gif" width="800" height="1" border="0" alt="navigation bar" /><br />
    </div>
</div>
<div id="copy">
    <div id="right">© 1999-2010. AXIS Dance Company <br>
        <a href="http://www.facebook.com/pages/AXIS-Dance-Company/56899952604?ref=ts" target="_blank"></a> <a href="http://www.youtube.com/user/AXISDanceComp" target="_blank"></a> <a href="http://www.axisdance.org/support_mailingList.php" target="_blank"></a><br />
    </div>
    <div id="powered"> </div>
    <div class="clear"> </div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-10598516-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
This seems like a simple solution but I'm just not sure what it would be.
Thanks

The live view or preview functions do not work and lead to the error: "Not Found, the requested URL/html/index.php was not found on this server.'   This is another issue that I don't understand.
Unfortunately, I did not develop this website and have a minimal knowledge of html and Dreamweaver. I'm not sure if I can answer the question about which menu system we're using - would seeing the code of the footer help?   I'll paste below in case.
And just to be clear, the problem only occurs in editing in Dreamweaver, but when uploaded to our server it appears correctly.
Thanks for your help!
    <div id="footer">AXIS Dance Company · 1428 Alice Street, Suite 200 · Oakland, CA 94612<br />
        Phone: 510-625-0110 · Fax: 510-625-0321
    </div>
    <div id="navBar">
        
        <ul id="udm" class="udm">
            <li><h2><a href="index.php">home</a></h2>
            </li>
            <li><h2><a href="about.php">about us</a></h2>
                <ul>
                <li><a href="about.php">About AXIS</a></li>
                <li><a href="about_news.php">News</a></li>
                <li><a href="about_mediaKit.php">Media Kit</a></li>
                <li><a href="about_dancers.php">Dancers</a></li>
                <li><a href="about_staff.php">Board & Staff</a></li>
                <li><a href="about_jobs.php">Jobs & Auditions</a>
                <ul>
                    <li><a href="about_internships.php">Internships</a></li>
                    </ul>
                <li><a href="about_faq.php">FAQ</a></li>
                <li><a href="about_contact.php">Contact Us</a>
                    <ul>
                    <li><a href="about_contact_directions.php">Directions</a></li>
                    </ul>
                </li>
                </ul>
            </li>
            <li><h2><a href="performance.php">performances</a></h2>
                <ul>
                <li><a href="performance.php">Performance Calendar</a></li>
                <li><a href="performance_repertory.php">Repertory Clips </a></li>
                <li><a href="performance_gallery.php">Image Gallery</a></li>
                <li><a href="performance_reviews.php">Reviews</a></li>
                <li><a href="performance_booking.php">Booking AXIS</a></li>
                <li><a href="performance_collaboration.php">Collaborating Artists</a></li>
                </ul>
            </li>
            <li><h2><a href="education.php">education</a></h2>
                <ul>
                <li><a href="education.php">About Education </a></li>
                <ul>
                    <li><a href="kids.php">Dance Access/KIDS!</a></li>
                    <li><a href="Adults.php">Dance Access (Adults)</a></li>
                    </ul>
                <li><a href="education_danceAccess.php">Class Schedule</a></li>
                <li><a href="education_hiring.php">Booking Dance Access</a></li>
                <li><a href="education_summerIntensive.php">Summer Intensive</a></li>
                <li><a href="education_resources.php">Resources</a>
                    <ul>
                    <li><a href="education_resources_videos.php">Media</a></li>
                    <li><a href="education_resources_articles.php">Essays & Articles</a></li>
                    <li><a href="assets/teachersGuide.pdf">Teacher's Guide (PDF)</a></li>
                    </ul>
                </li>
                <li><a href="education_likeUs.php">Companies Like Us</a></li>
                </ul>
            </li>
            <li><h2><a href="support.php"> support </a></h2>
                <ul>
                <li> <a href="support.php"> Ways to Support</a></li>
                <li><a href="support_volunteering.php">Volunteering</a></li>
                <li><a href="support_mailingList.php">Join Mailing List</a></li>
                <li><a href="support_store.php">AXIS Store</a></li>
                <li><a href="support_funders.php">Funders & Donors </a></li>
                <li><a href="support_webSupporters.php">Web Supporters</a></li>
                </ul>
            </li>
        </ul>
        <img src="images/shim.gif" width="800" height="1" border="0" alt="navigation bar" /><br />
    </div>
</div>
<div id="copy">
    <div id="right">© 1999-2010. AXIS Dance Company <br>
        <a href="http://www.facebook.com/pages/AXIS-Dance-Company/56899952604?ref=ts" target="_blank"></a> <a href="http://www.youtube.com/user/AXISDanceComp" target="_blank"></a> <a href="http://www.axisdance.org/support_mailingList.php" target="_blank"></a><br />
    </div>
    <div id="powered"> </div>
    <div class="clear"> </div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-10598516-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>

Dreamweaver CS4 SPRY Menu Problems in IE

I am trying to have a drop-down menu on my site using the SPRY option in Dreamweaver CS4. In all browsers it looks exactly like it should. Unofrtunately in IE it pops out to the side instead of down. Anyone know a fix around this. The site is http://mtltechnologies.com/
Here is the SPRY 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: 12px;
    cursor: default;
    width: auto;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
/* 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: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 154px;
    float: left;
    height: 25px;
/* 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;
    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: 154px;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    padding: 5px;
    color: #FFF;
    text-decoration: none;
    background-image: url(../images/button_bg.jpg);
    text-align: center;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    color: #FFF;
    background-image: url(../images/button_bg_down.jpg);
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/button_bg.jpg);
/* 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/button_bg_down.jpg);
    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 ul a.MenuBarItemSubmenuHover
    background-image: url(../images/button_bg_down.jpg);
    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;
Anyone know a fix?
Thanks,

The code is too long. Let's do it this way, did you change anything on the default css of the SPRY menu?
just my thought, why don't you remove it from the table? That might be the cause. Try to think of an alternative way like using divs and css.

Dreamweaver CS4 link help................

I recently built a site on Dreamweaver CS4. Here is the basic layout of what i did. My site is based off of a template, i have set it up using both a spry menu bar (vertical) and using a image based nav bar (not at the same time, but tried both in my efforts to get rid of my problem). I have run into the same issue with both nav options. I linked all of my pages together and everything worked fine, until i decided to add a couple of extra pages and change a few things on the site. when i try linking to these pages from the nav bar the links will not work. The only links that will work are the original ones i set up. Hope somone can help............
Thank You

shane,
here is the code, it is actually a hyperlink that is not working
<div align="left">
      <h2 align="center"><u>Demand Industrial Packing</u></h2>
      <p><a href="packing_graph.html">Graphite</a><a href="packing_graph.html"></a></p>
      <p align="center"> </p>
      <p align="center"><a href="packing_ptfe.html">PTFE</a></p>
      <p> </p>
      <h2 align="center"> </h2>
      <p> </p>
    </div>
thank you,
jesse

Dreamweaver CS4 and IE 5.2 for Mac problem

I'm testing my new/first website. I'm using Dreamweaver CS4. The horizontal Spry Menu bar works fine in Internet Explorer and Safari but not in Microsoft Internet Explorer 5.2 for Mac 5.2.3 (5815.1). The horizontal menu bar becomes vertical and the submenus are not available. I've run browser compatablity tests for every Web page and my CSS files and they come back "no issues detected." What can I do to correct the problem? I have a PC (Vista) and have been using my neighbor's Mac to check the browser. Thank you.

Do not worry if your site does not function at all in IE for Mac. That is deprecated software that has not been developed since Jaguar/Panther. It in no way reflects IE on Windows and statistics prove the majority of Mac users use Safari or Firefox with Camino and Opera in behind them.

Runtime error in Dreamweaver CS4

When trying to start to work with Dreamweaver CS4 I get a runtime error
Afther building a website in in div's and css and saving it I had no problems. Afther closing the computer and starting to work the next morning I got the error. I've restarted my computer, cleaned my registry but still the error appears.
Does anyone no what to do? Please help.
It is impossible to work without Dreamweaver.
John

I am using Vista so file locations are different. Still, I cannot find any preferences folder or configuration folder that I can rename to recreate. There is no "CreamWeaver" folder in the user profile - even in the hidden parts.
Anyone have any other ideas?
Rename the folder to Configuration_old and launch Dreamweaver. It should create a new Configuration folder with the factory defaults.
On Vista, it's located at C:\Users\<username>\AppData\Roaming\Adobe\Dreamweaver CS4\en_US\Configuration.
It's a hidden folder, so you need to enable hidden folders in Windows Explorer.
Technote:
Try step 4 in the following technote: - corrupt cache file:
http://www.adobe.com/go/tn_19105
If that doesn't work Try #12 - deleting your personal configuration folder.
This information is also available in the Dreamweaver FAQ

Dreamweaver CS4 interface problems in Win 7 Ultimate 64bit

I'm experiencing some frutratingly bizzare behavior with Dreamweaver CS4 and Windows 7 Ultimate 64bit and I'm hoping someone might now how to fix the issues.
1) When creating a new site by selecting "Site/New Site..." or "Site/Manage Sites..." the fields for selecting "Local root folder" and "Default images folder" always select a directory above where I tell it.
For example if I tell it to use "E:\ClientFiles\Client\website\" it always selects "E:\ClientFiles\Client\". and the only solution is to write in the proper directory manually.
2) Possibly related to the above targeting problem. In a document, even an new empty xhtml, if I place an image on the page and double click on that image to replace it with another I get the dialog box for selecting the new image, but on pressing "OK" nothing happens. The same thing occurs if I select the fodler icon in the properites at the bottom. The only methods that work are either deleting the placed image and then placing a new image or deleting the "Src" info in the "properties" panel and then clicking the folder icon next to "Src".
You can see how this would get frustrating after a while.
I've tried a complete reinstall of CS4, deleting the Dreamweaver cache file, and I get the same behavior on my laptop which is also running Windows 7 Ultimate 64bit.
Any help would be appreciated. I've submitted this behavior to Adobe support as well in hops that it can some how be resolved.

Both are known issues in DW on Win 7 and Vista. It's not just 64 bit.
Until Adobe issues a patch, the workarounds you describe are the only solutions for the timebeing.
Problem selecting local root folder in Vista & Windows 7
http://forums.adobe.com/thread/478327

Center website VERTICAL in Dreamweaver CS4

Similar Messages

Maybe you are looking for