Root relative images and design view

I have many sites that have root relative image paths
(src="\images\sample.gif") that I've coded by hand in DW8.
I don't use design view that much, buy one of our designers
does. The problem is none of the images with root-relative paths
will appear in design view.
I have specified valid paths in my site definitions, so
what's the issue?

> I have specified valid paths in my site definitions, so
what's the issue?
Hard to say - perhaps the developer's site is not properly
defined. There
should be no issue displaying root relative linked images in
DW's Design
view, since DW knows where the root of the site is. What is
in the HTTP
address field of the local site definition?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Diodeus" <[email protected]> wrote in
message
news:g91jhj$imv$[email protected]..
>I have many sites that have root relative image paths
> (src="\images\sample.gif") that I've coded by hand in
DW8.
>
> I don't use design view that much, buy one of our
designers does. The
> problem
> is none of the images with root-relative paths will
appear in design view.
>
> I have specified valid paths in my site definitions, so
what's the issue?
>

Similar Messages

Cannot preview remote image in design view

Hi,
I am using Dreamweaver 2004 MX and has just inserted an image referencing to a remote server.
However, Dreamweaver is unable to preview the image and only a small gray box can be observed.
I can preview it when the page in browser.
What's wrong with my DW?
Thanks

David_Powers wrote:
I'm not sure whether Dreamweaver MX 2004 has the ability to display external images in Design view. In Dreamweaver CS4, you turn this feature on and off by selecting Commands > Display External Files. If that option isn't available on your Commands menu, it means your version of Dreamweaver doesn't support the display of external files.
Unfortunately not, David. Handling external links was not introduced until DW8 (one after MX 2004).
Commands > Display External Files was introduced in the 8.0.1 updater for DW8 to enable this new (at the time) feature to be switched off.
http://kb2.adobe.com/cps/000/54d76ef.html

3rd party tags and design view customization

I know that Dreamweaver allows me to replace third party tags
with images in design view. My question is can I make my jsp widget
tags look dependent on attributes of that tag?
And why can’t I say that my <widget:suggestionBox
… size=”10” /> should look like a <input
size=”10” /> in design view?
Are there plans to support this long overlooked functionality
in the near future?

Well I am sure you wrote in good faith and I appreciate
anybodys help . However, I do not want to be rude, but if you have
nothing to say, than please don't post something useless. I am sure
there are many areas where you can post real solutions.
Of course DW works nicely with xsl in design view. My problem
was finally answered in another thread, I hope that link works.
http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?catid=190&threadid=1266443&fo rumid=12
I mark this as the answer, so everybody with that problem
knows where the solution is.
Joe

Problem with code and design view

When I try to have both the code and design view
side by side in Dreamweaver CS4 on a PC -- I get the html code in both sections.
How do I see the layout while looking at the code?
Thanks for help.
Library Friend

You've probably got View > Split Code checked.
Click View > Code and Design

Combined code and design view broken

I use Dreamweaver MX 2004 and normally work in the "split"
(code and design) view. I just opened a site to work on it and that
mode does not work - I click on the link in the toolbar, but it
does not take effect. I also cannot make it work from
View-->Code and Design. The individual Code and Design views DO
work so I suspect it's a configuration problem. I checked
Edit->Preferences->Filte Types/Editors, and .html is not
listed in the "open in code view" dialog box. What would cause this
feature to suddenly stop working? I've Googled every conceivable
keyword and phrase to find an answer, without success. Has anyone
else experienced this behavior?

Never mind - figured it out. Duh, do I feel like a dummy! I
had apparently dragged the bottom border of the code window all the
way down, so the design view was hidden. Sorry!

Dreamweaver Momentarily Freezing When Moving Between Code and Design View

I have Dreamweaver CS4 and have had a problem that just started yesterday. I have rebooted my machine to no avail. The local copy and the live copy of the site are on two different servers that we access through a local network.
Dreamweaver slows to a standstill if I click to another program and then attempt to go back into Dreamweaver or if I switch between design and code view.
I haven't made any changes to Dreamweaver in the way of added extensions or updates. Is it possible that the cause of this could be either a server problem or a connectivity to the server problem?
Many thanks in advance for any help you could provide.
Andy

You can use CTRL+# to switch between Code and Design View.
By the way, this is the Dreamweaver Application Development forum which deals with questions about using server-side scripting languages like PHP or ColdFusion. General Dreamweaver questions should be posted in the regular Dreamweaver General Discussions forum.
And while I´m at it: please use descriptive headlines such as "how to switch between Code and Design View" for your posts -- mentioning your screen name "Goula129" is not helpful to other users.

Why, since CS6 does DW now use ABSOLUTE image paths when dragging images into Design View from a folder in Finder?!

While I am grateful the previous issue I had with not being able to drag files into design view at all (in CC and CC2014) was resolved.
Guys (Adobe), seriously, if you're going to change the functioning of something that used to work just fine, at least supply a way for a user to revert to the old way... I absolutely loathe that I need a legacy version of DW to continue with my current workflow. Please put it back to the way it was, or at least allow a user to chose between the two behaviours.
If there is a way to do this, without using the Site Manager (which still doesn't work from Finder even with relative to document selected), I would appreciate any guidance.
As for using the Site Manager (before some smart guy suggests that I just use that) I do not wish to navigate to and create up to 20 "sites" a week and wait for DW to cache them all, when I am already in the folder with the image assets in Finder.
Also before someone pipes up and says: "You shouldn't be diving sites in design view anyway", I don't... I develop many, many newsletters every week and the folder structure is such that navigation to the actual image folder using the Site Manager would be painful at best.
I don't really like having to and replace all instances of "file:///Users/me/Work/company/Mailers/Year/wk14/mailer/dev/img/prod5.jpg". It is horrendously wasteful, time-wise.
Thanks in advance for any helpful replies

Sorry Murray, DW used to have an idea, my point is that since CS6 its developed a case of Amnesia.
The "elements" are in the "root" folder as follows:
newslettername.htm
img
imagename.jpg
So the relative path would be <img src"img/imagename.jpg" />
However since the change: <img src"file:///Users/me/work/Company/year/week/campaign/img/imagename.jpg" />
Which is completely useless and needs to be corrected before I upload the html anywhere.
As for using the site directory, I did answer that in my initial post. I use a laptop, I really don't want a site manager taking half my screen just so I can see the folder structure and navigate with that, especially since I am already at the files I need in Finder.
Again, this is something that used to work just fine in previous iterations of DW, so I don't believe Adobe is incapable of fixing it nor am I being unreasonable asking for a choice for those that may find the local absolute paths useful in some way. All I want is to be able to chose not to use absolute paths when dragging from Finder.

DW CS3 problem with PNG-8 images in Design View?

DW CS3 (build 3481) on XP seems to have problems with PNG-8 images, specifically trying to display them in design view.
I had a very simple image that was able to be exported by Fireworks CS4 as PNG-8 using 4 colors (no transparency) for a tiny file size under 250 bytes.
DW could not display it at all, or even recognize it, reporting it was 0 x 0 in size. I published the page anyway, and it looked fine in the browser.
I upped the number of colors to 32, and DW could then display it in design view in the page I was working on.
I'm still having problems with other PNG-8 images. The attached file "temp.jpg" is a screenshot showing part of the design view in DW.
The smaller image on the left of the banner is "58_certificate_of_discharge.png" (attached), and the larger image below is used as the background of the DIV containing the form,"compassbk.png" (also attached).
These images all look fine in the browser, but terrible in DW.
I'm stumped as to why.
Thanks in advance.

According to a different discussion, the images that are stuck as "Queued" are showing a bug in the virus scanning on the forums.
Now trying the recommended 'camera icon' method...
Looks like it worked.
Now compare what it looks like in DW CS3 in the design view:
It's a 16 color PNG-8 made in Fireworks CS4 with no transparency, size is 113 x 58, ending up at 1.71K.
If this is a repeatable problem in CS3, is there any hope of it being resolved, or am I stuck with upgrading to CS4 as my only option (assuming it's fixed in CS4)?
Thanks.

Viewing Images in Design view

Well I've been working on my site prior to getting
dreamweaver, and I open the .html of one of my pages, but it
doesn't show anything but the images in a grey box and text in
tables. When I preview in a browser it looks perfect though, is
design view supposed to be like this? Also whether it makes a
difference or not, the .html is already uploaded on my site so my
image links are www.website.com/img/image.gif
I also included a screenshot, just incase I don't make sense.
http://img297.imageshack.us/img297/3197/dreamweaverdesignviewerni4.jpg

Which DW and which OS?
Is VIEW | Display External Files checked?
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
==================
"terry_cpac" <[email protected]> wrote in
message
news:fc9f90$dp6$[email protected]..
>I too have been experiencing this problem only recently.
I have been using
>DW
> to create eNewsletters, so all images are located on a
web server. I use
> the
> whole file path including the
http://www. etc. for all images and
> graphics. The
> Design view pane used to display these images with no
problems until
> recently.
> Now, no matter what I do, I can't get it to access any
image to display in
> the
> design view pane. This has been causing DW to hang every
time I try to
> open a
> file with images referenced this way. I hope there is a
solution to this
> problem.
>

Flash Builder 4.7 and design view question

I have programmed a large, commercial level mobile application using Flash Builder 4.6. It is working GREAT when ran on both iOS and Android devices.
I was using the trial version of Flash Builder 4.6 to develop this application. I used the states feature that FB has built in to handle Portrait, Landscape, and Phone / Tablet configs. This means that I built 4 different layouts for all 8 of my views in my mobile application. Using the design view in FB 4.6 was what allowed me to do this.
I have to say that I LOVE Flash Builder so far. GREAT tool.
My trial ended just last week. I had to purchase version 4.7 of the software, only to find out that they REMOVED the design view from the software.
All complaining aside, what have other programmers who are in the same boat as me done as a solution? I would like to continue to program in AS and Flash Builder as I have taken the time to write the application and learn the whole platform.
As it stands now, I am in the process of downgrading my liscence keys from 4.7 to 4.6, but in order to do this I had to RETURN my retail version of FB 4.7 premium (bought online) and buy a volume liscening version (NOT through adobe, only allowed to do this through a reseller such as CDW). then once I have a key for 4.7 through volume liscencing, it can be downgraded to 4.6.
I'm hoping to get input from others in the same boat. Did you change Programming languages? if so, to what? Did you change IDE's? If so, to what?

Joe -
     I actually never completed the downgrade to 4.6 so I've been using 4.7 without the design view.    In 4.6, I would put a control on the view within design view. Then I would change each state, move it around, and it would be placed that way. In my case, each view has 4 states - portraitPhone, landscapePhone, portraitTablet, and landscapeTablet.   I had to do this 4 times for each control under 4.6
     So I went back and looked at my code in 4.7 and all the resulting code was these explicit x, y, height, and width values. See the code below:
<s:states> <s:State name="portraitPhone" stateGroups="phone,portrait"
/>
<s:State name="landscapePhone" stateGroups="phone,landscape"/>
<s:State name="portraitTablet" stateGroups="tablet,portrait"/>
<s:State name="landscapeTablet" stateGroups="tablet,landscape"/>
</s:states>
<s:List id="lstMake" x="10" y="19" height="25%" allowMultipleSelection="false"borderVisible="
true" click="changeMake(event)" labelField="label"width.landscapePhone="
295" height.landscapePhone="105"x.landscapeTablet="
25" y.landscapeTablet="54" width.landscapeTablet="461"height.landscapeTablet="
292" fontSize.landscapeTablet="24"width.portraitPhone="
182" height.portraitPhone="175"x.portraitTablet="
16" y.portraitTablet="35" width.portraitTablet="399"height.portraitTablet="
360" fontSize.portraitTablet="24">
<s:dataProvider>
<s:ArrayList id="makeCollection">
<fx:Object label="Cadillac" data="18"/>
<fx:Object label="Chevrolet" data="1"/>
<fx:Object label="Dodge" data="2"/>
<fx:Object label="Ford" data="3"/>
<fx:Object label="GMC" data="4"/>
<fx:Object label="Isuzu" data="6"/>
<fx:Object label="Jeep" data="7"/>
<fx:Object label="Licoln" data="8"/>
<fx:Object label="Mazda" data="9"/>
<fx:Object label="Mercury" data="10"/>
<fx:Object label="Nissan" data="11"/>
<fx:Object label="Oldsmobile" data="12"/>
<fx:Object label="Sterling" data="20"/>
<fx:Object label="Suzuki" data="13"/>
<fx:Object label="Toyota" data="14"/>
</s:ArrayList>
</s:dataProvider>
</s:List>
<s:Label x="10" y="8" fontSize="11" text="Vehicle Make"x.landscapeTablet="
10" y.landscapeTablet="23" fontSize.landscapeTablet="24"fontSize.portraitTablet="
24"/>
<s:Label x="143" y="11" fontSize="11" text="Vehicle Year"x.landscapePhone="
354" y.landscapePhone="10"x.landscapeTablet="
517" y.landscapeTablet="23" width.landscapeTablet="143"height.landscapeTablet="
26" fontSize.landscapeTablet="24"x.portraitPhone="
204" y.portraitPhone="8"x.portraitTablet="
446" y.portraitTablet="11" fontSize.portraitTablet="24"/>
<s:List id="lstYear" x="145" y="20" height="25%" allowMultipleSelection="false"borderVisible="
true" click="doYearChange(event)" dataProvider="{yearCollection}"labelField="
value"x.landscapePhone="
313" y.landscapePhone="19" width.landscapePhone="157"height.landscapePhone="
105"x.landscapeTablet="
524" y.landscapeTablet="54" width.landscapeTablet="343"height.landscapeTablet="
292" fontSize.landscapeTablet="24"x.portraitPhone="
200" y.portraitPhone="19" height.portraitPhone="194"x.portraitTablet="
453" y.portraitTablet="37" width.portraitTablet="276"height.portraitTablet="
358" fontSize.portraitTablet="24">
</s:List>
<s:List id="lstModel" x="10" y="147" height="30%" borderVisible="true"dataProvider="
{modelCollection}" labelFunction="lblFunct"width.landscapePhone="
460" height.landscapePhone="99"x.landscapeTablet="
13" y.landscapeTablet="384" width.landscapeTablet="992"height.landscapeTablet="
309" fontSize.landscapeTablet="24"x.portraitPhone="
10" y.portraitPhone="221" width.portraitPhone="301"height.portraitPhone="
184" allowMultipleSelection="false"click="doModelSelected(event)" fontSize.portraitPhone="
12"x.portraitTablet="
16" y.portraitTablet="428" width.portraitTablet="742"height.portraitTablet="
521" fontSize.portraitTablet="24"></s:List>
<s:Label x="12" y="132" fontSize="11" text="Vehicle Model"x.landscapeTablet="
10" y.landscapeTablet="354" fontSize.landscapeTablet="24"x.portraitPhone="
10" y.portraitPhone="207"x.portraitTablet="
10" y.portraitTablet="401" width.portraitTablet="154"height.portraitTablet="
21" fontSize.portraitTablet="24"/>
So instead of continuing to try and modify these values by hand, then run the program, using trial and error, I took a different tact.   I removed ALL x y height and width values. Then, I wrapped all the mxml code in either <s:HGroup or <s:Vghroup tags depending on what I wanted. Then I would just set the vertical and horizontal align on these groups. This allows everything to scale correctly based on the size of the view (each device really is a little different).   Finally, I hand entered things like font sizes by using State Groups like this:   fontSize.phone="12" fontSize.tablet="22".    It still took testing on the screen to see how my layouts worked but it just makes the UI so much easier to change around and works so much better with out all the static stuff in it.
If you have some time , I would suggest taking one of your 4.6 views that has all these static variables and trying to modify it to work like I said above.    My modified code (to do the same thing as above) is below:
<s:states> <s:State name="portraitPhone" stateGroups="phone,portrait"
/>
<s:State name="landscapePhone" stateGroups="phone,landscape"/>
<s:State name="portraitTablet" stateGroups="tablet,portrait"/>
<s:State name="landscapeTablet" stateGroups="tablet,landscape"/>
</s:states>
<s:VGroup height="100%" width="100%" verticalAlign="top">
<s:HGroup paddingTop="10" width="100%" height="50%">
<s:VGroup width="60%" paddingLeft="5">
<s:Label fontSize="11" text="Vehicle Make"fontSize.tablet="
24"/>
<s:List id="lstMake" width="100%" allowMultipleSelection="false"borderVisible="
true" click="changeMake(event)" labelField="label"fontSize.tablet="
24" fontSize.phone="12">
<s:layout>
<s:VerticalLayout horizontalAlign="contentJustify" requestedMaxRowCount.portraitTablet="8" requestedMaxRowCount.phone="6" requestedMaxRowCount.landscapeTablet="4"gap="
0" rowHeight.phone="28" variableRowHeight="false" rowHeight="55"verticalAlign="
middle"/>
</s:layout>
<s:dataProvider>
<s:ArrayList id="makeCollection">
<fx:Object label="Cadillac" data="18"/>
<fx:Object label="Chevrolet" data="1"/>
<fx:Object label="Dodge" data="2"/>
<fx:Object label="Ford" data="3"/>
<fx:Object label="GMC" data="4"/>
<fx:Object label="Isuzu" data="6"/>
<fx:Object label="Jeep" data="7"/>
<fx:Object label="Lincoln" data="8"/>
<fx:Object label="Mazda" data="9"/>
<fx:Object label="Mercury" data="10"/>
<fx:Object label="Nissan" data="11"/>
<fx:Object label="Oldsmobile" data="12"/>
<fx:Object label="Sterling" data="20"/>
<fx:Object label="Suzuki" data="13"/>
<fx:Object label="Toyota" data="14"/>
</s:ArrayList>
</s:dataProvider>
</s:List>
</s:VGroup>
<s:VGroup width="30%">
<s:Label fontSize="11" text="Vehicle Year"fontSize.tablet="
24"/>
<s:List id="lstYear" width="100%" allowMultipleSelection="false" borderVisible="
true" click="doYearChange(event)" dataProvider="{yearCollection}"labelField="
value" fontSize.phone="12" fontSize.tablet="24">
<s:layout>
<s:VerticalLayout horizontalAlign="contentJustify" requestedMaxRowCount.portraitTablet="8" requestedMaxRowCount.phone="6" requestedMaxRowCount.landscapeTablet="4"gap="
0" rowHeight.phone="28" variableRowHeight="false" rowHeight.tablet="55"verticalAlign="
middle"
/>
</s:layout>
</s:List>
</s:V

CSS and Design View

I have used Dreamweaver since v3 and CSS for 4 years.
Previously I have had no difficulty seeing the result of my linked
style sheet in the design view when viewing an html page. I have
recently updated to Dreamweaver 8.02. I also use Style Master 4.51
for CSS work. Could either of these be influencing the application
rendering the css in design view or is it something else? Any
ideas?

From your main Dreamweaver menu:
View > Style Rendering
Make sure you have not inadvertantly turned off style
rendering.
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"
"mimbee10" <[email protected]> wrote in
message
news:epbltn$p1g$[email protected]..
> In design view I do not see the page rendered with the
CSS style,
> instead it is
> plain- formatted as though the style sheet can not be
found. What is
> the
> correct way to reference the css when attached
externally? Or, is
> Style master
> taking over the CSS rendering function???
>

Code hints and Design view preview missing

Using FB with Flex sdk 3.3 and AFCS SDK 0.91. I installed the
SDK per the instructions in the ACFS dev guide. I then added the
FP9 afcs.swc to my project build path and compile for fp 9.0.124
The sample apps do compile and run.
However
1. I am getting no code hinting for the acfs classes
2. IN design view, the components show as white rectangles
with red x's and obscure the flex components
3. The design view>components view, the acfs folder is
empty, while the "custom" folder is full of acfs components.
Any idea as to what might be incorrect?
Thanks,
Will

Hi Will,
I think it turns out we made a slight error in the dev guide
in the setup instructions - we mention that you should link the
AFCS source into your project in order to debug. Unfortunately this
seems to override the useful metadata baked into the SWC which
makes the SDK work with FB more seamlessly.
Advice : Remove the source path, then go to the library
path. Where you see AFCS.swc, expand it and select "source
attachment". Hit the edit button and add the source path there.
This seems to do the trick, allowing you to debug into the code
without overriding the swc itself.
We'll get the docs fixed up to reflect this better way to
set up the SDK.
thanks
nigel

Problem with Scrollable image in design view.

So I have defined I want my layout to be scrollable, and that works when I preview it. But the problem is it is not scrollable in design view. Why is this? is there away to fix this?
Thank's in advance.

Design View doesn't process code like a brower does. It's primarily used for viewing layout.
Hence the name Design View.
You want to click on Live View while in Design View

Virtual includes and design view

I am working on a redesign of our Intranet and have found a
weird problem
with the includes that I am trying to use. Our Intranet is
located at
http://swvtc06/swvtc (I understand
that no one will be able to see it), the
swvtc is a virtual directory in IIS. If I code my includes
like this,

Then I can see the included file in Dreamweaver, but when I
execute the
page, it gives me an error, "Include file not found". So I
must change the
include code to,

in order for the code to work properly. This however removes
the included
file from the design view.
Am I missing something in the site setup?
Thanks,
Drew

Drew
Unless you are running off a properly configured IIS server
it is often
better to use FILE includes rather than Virtuals. The issue
is that your
intranet has been hung as a virtual directory off the default
website found
at localhost.
Paul Whitham
Certified Dreamweaver MX2004 Professional
Adobe Community Expert - Dreamweaver
Valleybiz Internet Design
www.valleybiz.net
"Drew" <[email protected]> wrote in message
news:ekpmrn$dq2$[email protected]..
>I am working on a redesign of our Intranet and have found
a weird problem
>with the includes that I am trying to use. Our Intranet
is located at
>
http://swvtc06/swvtc (I understand
that no one will be able to see it), the
>swvtc is a virtual directory in IIS. If I code my
includes like this,
>
> 
>
> Then I can see the included file in Dreamweaver, but
when I execute the
> page, it gives me an error, "Include file not found". So
I must change
> the include code to,
>
> 
>
> in order for the code to work properly. This however
removes the included
> file from the design view.
>
> Am I missing something in the site setup?
>
> Thanks,
> Drew
>

Poor Image Quality -- Design View & Published Content (CP8)

If I prepare a high-quality image, picture perfect, sharp, sized to let's say 500 x 500 px in Photoshop (max JPG quality setting) and then dump into Captivate, I find that Captivate significantly degrades the image quality. It changes the sharpness of the image and destroys exposure settings like colour saturation and hue. Even if I publish to an LMS with 24-bit, no compression, it still looks degraded.
Is there any way to improve image quality?

I am on PC, not on Mac and have used this feature all the time since (not totally sure) version 5. Maybe it is a Mac bug?
This is a screenshot, I imported a Photoshop file 'IconsTips' and choose to import Layers as images, you'll see the folder with 6 images.

Root relative images and design view

Similar Messages

Maybe you are looking for