Dreamweaver CS4 - Div is shifting left on iPad

Hi,
I'm embedding a forums.org forum into a div on one of my pages and it looks great on the desktop (Safari, Chrome and Firefox).
But on my ipad the div is shifting over about 15 pixels to the left.
Any advice would be most appreciated!
Mark

What you are doing is a really bad idea: an absolutely positioned div that is added outside all content at the top of the code.
It does not help that the entire page was (seemingly) sliced in Photoshop or Fireworks, and exported as is - you should embed the iframe div in the fourth row, replace the image tag with a css background, and then center with margin: 0 auto. Remove the absolute positioning, the left, the top, the z-index, and negative margin junk.

Similar Messages

Shift+i issue with Dreamweaver CS4

Hi,
i have an issue with Dreamweaver CS4 when I press shift+i the behavior is similar as cmd+v (a paste action). I checked the keyboard shortcut, but no action set for shift+i .. i don't understand.
Please may you help me!?
thanks
bye
Max

Another place you can ask is in the forums for dreamweaver:
http://www.adobe.com/support/forums/

Problems controlling divs with dreamweaver cs4

Hi all, so I have been hard coding my website and have had great success with the layout and everything. I am having trouble with dreamweaver cs4, does anyone know if cs4 is compatible with html5? My silicone cupcake liners website looks great but a nice transition to dreamweaver would save a lot of work.

DWCS4 won't be able to correctly read the html5 semantic tags like <nav><aside> or <header> while in Live View. The built in version of the quasi-webkit browser is just too old.
Design View will work for the most part, but does get confused by certain things within HTML5 specific tags, so that will look even more broken than normal.
It also will not automatically generate any HTML5 specific code, there are no HTML5 menu options and there is no update to make it do that.
The program itself is no longer supported by Adobe, being the 5th version removed from "current"...
DWCC
DWCS6 Cloud
DWCS6 Disk
DWCS5.5
DWCS5
DWCS4

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

In dreamweaver CS4, I can't make border for single cell

Hi folks,
Having given up trying to make a single cell border in the dreamweaver CS4 template, I reverted to an html page and put in my own header, 2 columns and footer as cells in the html table. I know there's html code for adding borders to single cell, but I can't find it. I hope someone can give me a sample line of html code for giving a cell a border on left side and on right side, including 1px solid color border. Anyone?

Not sure if this is what you want, at least it will give you an example
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
body {width: 980px; margin: auto; background: #FEE49A;}
#header {height: 120px; background: #060;}
#article {height: 400px; width: 749px; float: right; background: #FFF; border-right: 1px solid #060;}
#aside {height: 400px; width: 228px; float: left; border-right: 1px solid #060; border-left: 1px solid #060; background: #CCC;}
#footer {height: 50px; background: #060; clear: both;}
</style>
</head>
<body>
<div id="header"></div>
<div id="aside"></div>
<div id="article"></div>
<div id="footer"></div>
</body>
</html>
Gramps

Template url problem in Dreamweaver CS4

Hi there,
Thank you very much for reading this post. I am having a problem with templates in Dreamweaver CS4, I am following the correct procedures to build a template, but when I link the pages together and update the template, the url has not been changed/updated on the child pages.
Here is an example:
Template:
../content/section/pagename.html
Child Page:
/section/pagename.html
Missing out the first part of the link, when the pages are loaded, obviously, they are not going to the correct part of the website
Please, can anybody give me some advice, as this problem is very quickly, driving me mad.
Thank you.
John

I observe this problem too on my Vista x64 machine with CS4
using dual monitors and split code/design views, and have found
others who have this problem by searching Google.
Description of problem: Roughly 50% of the time, when
switching between files (regardless of type) and trying to select a
block of code with my mouse (dragging over some code with the left
button), it appears to work normally (the intended code is
highlighted). However, when then attempting to CTRL-C (cut) or
paste, the selected code instantly changes to a much larger block
of code (usually selecting a specific div block or something). The
cut or pasted code is then the larger (unintended) block of code.
Once the code view selection works for a particular file
(either it worked from the start or I poked at it long enough to
work), it seems to remain working until switching to another file
and then returning.
Also, Dreamweaver CS3 didn't have this problem, so it's CS4
only.
This is a workflow nuisance much like a word-processor
deciding to insert a % character randomly every 10 seconds while
typing.
I found a Google groups thread
here
in which a poster writes that deleting the Dreamweaver
configuration file fixes this temporarily (the problem eventually
shows up again, and you lose all your customizations by doing
this). The posters in this thread also describe the same problem
with other hardware configurations.
My current workaround is to type return then backspace when
dropping in to the code-view of another file--kind of a pain, but
at least predictable. I also tried avoided the issue by: (a)
selecting something in the design view and then selecting something
in the code view, and/or (b) telling Dreamweaver to show the
"element view" (right click in design view, element view, Full),
but this latter action may be superfluous.
I'd be very interested if someone were to post a simple fix
for this problem.
thanks!
JP
PS. David: I've learned a lot from your books. Thanks for
writing them!

Access levels in dreamweaver cs4

Hi,
I have been playing around with dreamweaver cs4 using the tutorials and videos i have thanks to you guys.
I created a simple login mysql database and used the login features within dreamweaver cs4 which was great and so simple.
I have came across login to a secured site so many times over the past few years pulling down sample asp with access scripts and never getting it right.worked first time no problem.
however what i do also get asked is access level security for a secured area. i noticed in the login objects properties there was an option "secure page and get access level from database table" however what i want to be able to do is have it so an admin would see all contacts in the database but the individual agents only have access to their own assigned contacts.
i would be greatful anyone could point me in right direction from within dreamweaver to do this, also not sure how i would setup the table in mysql to reflect this?
any pointers or help would be greatly appreciated.
many thanks
andy

Not sure if this is what you want, at least it will give you an example
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
body {width: 980px; margin: auto; background: #FEE49A;}
#header {height: 120px; background: #060;}
#article {height: 400px; width: 749px; float: right; background: #FFF; border-right: 1px solid #060;}
#aside {height: 400px; width: 228px; float: left; border-right: 1px solid #060; border-left: 1px solid #060; background: #CCC;}
#footer {height: 50px; background: #060; clear: both;}
</style>
</head>
<body>
<div id="header"></div>
<div id="aside"></div>
<div id="article"></div>
<div id="footer"></div>
</body>
</html>
Gramps

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.

Spry TabbedPanels - panel shifts left in IE when hovering on tabs (only)

I've added tabbed panels to a fairly tight vertical space on a page. It pretty much works, except:
1) When the page loads in IE. After the page loads I can do anything on the page except hover over (or try to use) the tabs. The moment the cursor goes over the tab space, the entire panel shifts left 20 or 30 pixels. I have added "overflow:hidden" to the Spry CSS where I can, but the tab issue remains. When I check the code in Dreamweaver, it does NOT identify any related browser compatibility issues.
2) When the page loads in Safari, the entire page content shifts down 10-20 pixels (but functions normally).
URL is http://www.inkwellxwords.com/iwxsamples.html
Thanks in advance for any advice,
B

Had to replace the code on the site since it was live.
Here's the core code from the one that's still goofy in Dreamweaver design mode, and on the live site, but not in Dreamweaver preview (goes with inkwell.css on www.inkwellxwords.com)
<body>
<div id="wrapper"> 

<div id="sidebar"><img src="images/men_home.jpg" alt="samples, subscribe, syndicate, onion av club, books, about, news" usemap="#Map" /></div>

<div id="header"><img src="images/slideboxtem2.jpg" alt="Ink Well Xwords" /></div>

<div id="pagemain">
    <p>Hi, there! Welcome to the electronic home of <strong>Ink Well </strong>xwords, a puzzle empire conquered in 2004 by <strong>Ben Tausig</strong>, and presently administered by his fifteen cruel and ungrateful sons. </p>
    <p>Ink Well appears each Wednesday in alternative weeklies throughout North America, and is also available by email (sign up through the "subscribe" tab on the right) as well as supposedly on devices like the iPhone if you know how to work those.</p>
    <p>Closely associated with Ink Well is the <a href="http://www.avclub.com/" target="_blank">Onion AV Club</a> crossword, also edited by Tausig on a weekly basis, and written by some extremely spoiled puzzle celebrities. Basically what happens is someone brings a new puzzle to Tausig in his soot tub and he screams because they're letting in light and then the puzzle just ends up running as is. You also get this AV Club xword as a COOL SPECIAL gift if you "subscribe."</p>
    <p>But hey, don't take my word for it: look around the site yourself - there's a lot of fun to be had here! You can subscribe, as I already said; you can find out how to run Ink Well in your paper or on your website (guaranteed to triple revenue and promote synergy by 90); you can see some samples; and you can buy books and merchandise. I also do wedding, bar mitzvah, and break-up puzzles!</p>
    <p>See ya soon! Oh, yeah, and <a href="mailto:[email protected]">drop me a note</a><a href="benmenu.html"></a> anytime! </p>
    <p>- Ben Tausig (via Power of Attorney)</p>
</div>
<div class="clearfloat"></div>

<div id="footer">
<table width="820" border="0" cellpadding="0" cellspacing="0">
<tr>
    <td width="72"> </td>
    <td width="748" bgcolor="#CC3300"> </td>
</tr>
</table>
</div>
</div>

Divs are shifting after inserting spry menu bar

I have tried so much that it has driven me crazy. Initailly I created this site by APdivs and it came out perfect and worked great, except it was not fluid and looked bad on bigger browser and screen size. I decided to change it to fluid way. Now I am in bad shape as soon as I put a horizontal spry menu bar. it shifts the columns to the left and leaves a blank space next to the column 3. I am out of idea, how to fix it. As soon as I take the menu bar out, it works perfect. and columns are stretched to the end on both sides.
Here is the link of test page
www.hpbsurgery.net
This is what I have tried-nothing worked
put menu bar in container
put menu bar in header div
Put mebu bar in a horizontal div inside header div.
changed the size and dimension of menu bar
Any help would be greatly appreciated as I am running out of time.
Thanks much all....

Thanks very much for your help. I just wanted to mention one thing which I discovered this am by accident out of frustration. Originally, I was trying to control the size of the 3 columns with external CSS and it was messing up after inserting menu bar. I wrote directly in the code this am to exactly define the size besides in my CSS. AND............it fixed the problem and stretched the columns to the end on both side and sizes were appropriate, I am still not sure why did it happen.
I am not a professional and trying to build my own site as I have interest in web design, but this is first time with DW.
I really appreciate your help and suggestion about the code.
Thanks a lot,
Date: Wed, 26 Sep 2012 12:46:19 -0600
From: [email protected]
To: [email protected]
Subject: Divs are shifting after inserting spry menu bar
    Re: Divs are shifting after inserting spry menu bar
    created by Nancy O. in Dreamweaver General - View the full discussion
You appear confused about how to use CSS classes and IDs. Classes (.className) can be used multiple times in layouts as for re-usable styles. IDs (#IDName) can be used only one time per page -- as for layout regions or when JavaScript is needed to act upon it. Try copying and pasting this code into a new blank page. Hopefully it will make more sense than what you have now.
<!NEW LAYOUT>
body
#header
#horizontalmenu {
min-height: 43px;
width: 100%;
overflow: hidden;
margin: 0px;
#leftbar {
background-color: aqua;
float:left;
width: 18%; /*combined width and padding = 22%*/
padding:2%;
#middlebar {
background-color: white;
float:left;
width: 52%; /*combined width and padding = 56%*/
padding:2%;
#rightbar    {
background-color: green;
color:white;
float:right;
width: 18%; /*combined width and padding = 22%*/
padding:2%;
#credential
#footer {
background-color: maroon;
width: 100%;
color:white;
padding:2%;
#header
[Item 2 | #]
[Item 3 | #]
[Item 3.1 | #]
[Item 3.1.1 | #]
[Item 3.1.2 | #]
[Item 3.2 | #]
[Item 3.3 | #]
[Item 4 | #]
<!END #HEADER>
#leftbar
#middlebar
#rightbar
#credential
#footer
Nancy O.
     Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/4729585#4729585
     Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4729585#4729585
     To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4729585#4729585. In the Actions box on the right, click the Stop Email Notifications link.
     Start a new discussion in Dreamweaver General by email or at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

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

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

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

Problems to Download Dreamweaver CS4 with Akamai Download Manager!

I want to download Dreamweaver CS4 Italian Windows Trial version.
I have Internet Explorer 7, PC with OS Windows XP x64bit Corporate, Core2Quad Q9650, Motherboard MSI P45Platinum with Ethernet 10/100/1000,
4GBRAM,3 HDD 500GB WesternDigital,Nvidia GeForce 9400GT.
I have installed "Akamai Download Manager ActiveX" control asked on the top of window popup.
Clicked Yes:Installation confirmation.
But I have tried to click the button "Download" and just one window with this message appears and disappears immediately:
Per scaricare il software è necessario installare Akamai Download Manager...
Problemi di download?
Assistenza per il download...
Il sistema non dispone dei requisiti minimi per eseguire Akamai Download Manager.
(The system doesn't meets the minimum system requirements to run Akamai Download Manager.)
I can't download anything. Why?
I have disable Pop-ups Blocker, and disabled also Anti-Phishing Filter.
Disabled also Antivirus and the Firewall.
Set and lowered Security Protection from Tools>Internet Options: to "Medium"; and also, another time, set to "Personalized" with all the controls
switched to "Active".
Set Privacy>Settings>"Accetta tutti i cookie"(lowered to full bottom).
I have read this Akamai Download Manager FAQ:
-"Nothing happens when I click the download link"
If nothing happened after you clicked the download link, either your pop-up blocker or a high security setting on your web browser may have stopped
the Akamai DLM window from opening.
If you have a pop-up blocker enabled in your web browser or in your Internet toolbar (such as the Yahoo! toolbar or the Google toolbar), you will
need to disable your pop-up blocker to start your download. For additional information, and for instructions on changing your security setting, see
the "Akamai Download Manager system requirements" (ServiceNote kb400530).
Note: The download manager can sometimes take up to a minute to load. Please allow time for the initial loading before assuming there is a problem
Thus, I have followed this rules in Akamai Download Manager System Requirements:
Internet Explorer 7
1) Access your Internet options from the Windows Control Panel (Internet Options) or by selecting Tools > Internet Options in Internet Explorer
2) Select the Security Tab
3) Click Custom Level
4) Scroll through the list of security options and set:
-ActiveX controls and plug-ins > Download signed ActiveX controls > Enable or Prompt
-ActiveX controls and plug-ins > Run ActiveX controls and plug-ins > Enable or Prompt
-ActiveX controls and plug-ins > Script ActiveX controls marked safe for scripting > Enable or Prompt
-Downloads > File download > Enable
-Miscellaneous > Allow script-initiated windows without size or position constraints > Enable
-Scripting > Active scripting > Enable
5) Click OK
6) Click OK again
But nothing changes.
On my PC I have also this installation: "J2SE Runtime Environment 5.0 Update 5" and "Java(TM)6 Update 15".
But the download doesn't start at all.
1) How can I do to download Dreamweaver CS4-Windows-ITALIAN language?
2) Is it possible to download 364.8 MegaBytes without Akamai Download Manager?
Please Hurry!
Horsepower0171.

another option you may have is resettofactory
start- run- type:
cmd
press enter
type:
cd c:\program files\common files\research in motion\apploader
press enter
type:
loader.exe /resettofactory
press enter
please perform a backup first
test your browser before you restore your backup, and to be ssafe I would do a selective restore
open DTM, go to backup/restore- advanced
top left click on file-open
find your backup, it will load on the left side
you current working BB will be on the right side
transfer ONLY the absolute important databases from the left to the right(address, cal, phone logs, messages, sms, tasks, memo)... dont do any that you dont know and dont do any OPTIONS ones
Message Edited by drizzt09 on 07-13-2009 08:40 PM

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

Dreamweaver CS4 - Div is shifting left on iPad

Similar Messages

Maybe you are looking for