Images broken in Design View, but work in Live View

Dear Adobe,
it appears that externally hosted images are not showing in the Design or Split screen view, but have no trouble showing in the Live view. I have had this error since fresh installing DW CC 2014 and had no issue with previous versions of DW. I have tried some of the options suggested around the web including reinstalling but the problem persists.
Please someone tell me there is a solution to this problem as I could never image that something so simple could take me to the edge of my nerves. I am experiencing a drop in productivity since I am constantly switching between views and it's making the whole DW experience a drag as well since there is a sluggish lag when switching views.
Sorry for the rant, hope you guys could help me out here
Mitts64

The display of externally hosted images has been problematic, and somewhat intermittent, in DW's Design View for a long time. A lot of us just work with local versions of the images (say for html emails) and switch out the local links out for absolute links to server hosted images as the last step using Find & Replace.
I have pretty much stopped using Design View all together though and do most of my coding manually while Live View is turned on, so I'm not sure if this was supposed to be fixed in DWCC 2014 or not.

Similar Messages

Images broken in design view on new computer paths leading to old harddrive?

I recently got a new imac and installed cs5 dreamweaver ( I was using dreamweaver 8 but it no longer works in mountain lion) . I redfined the site all was fine then I must have done something and now suddenly all my images are broken in design view and in brower and live view! The site shows the images online from the server but everything is broken in design view. The directory is a mess as I used way too may subfolders when I first did the site but it's too large to start over. I tried deleting the site from my harddrive all together and creating a new folder for it and just getting the entire site from the server but the images still don't show. I don't want to have to go to every page on the site and fix broken links! I can pull an image into a page by browsing to the folder on my harddrive but they are not appearing anymore on their own. If the images were uploaded originally from another computer and the folder being used now for the site on my harddrive is different that won't break the image paths will it? It all worked fine until a few days ago. What I don't understand is I thought the images wouldn't show if they were only on the server and not on my harddrive but since I just GOT the site from the server, all the images ARE now on my harddrive in the new folder so why still nothing showing? I I tried right clicking the broken images and showing design notes they seem to be lookin for a path to my old computer where the harddrive was named differently than it is now. Is there ANY way to fix this? What about renaming my harddrive to the old name?
Greatful for any advice but I am very much a newbie so not sure I will be able to do what I need to.
Mary Ann

Spaces in folder/filenames are not a good practice. Space are converted to %20 on the server. DW's Design View often can't reconcile this. Best advice is to remove the spaces and use underscores _ or hyphens -
Rename this:
http://www.thedqtimes.com/Jane_site/Lake%20Effects/lakeeffectsjdaughters.jpg
http://www.thedqtimes.com/Becky%20H%20stories/Untitled-1.jpg
To this:
http://www.thedqtimes.com/Jane_site/Lake_Effects/lakeeffectsjdaughters.jpg
http://www.thedqtimes.com/Becky_H_stories/Untitled-1.jpg
Also, you have a misplaced <head> tag. It needs to be above the Dynamic drive Javascript code.
<head>
<script> </script>
<style> <style>
</head>
Some pages are missing an HTML doc type declaration. This sends browsers into Quirks Mode.
Use validation tools to check for other code errors.
Code Validation Tools
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Nancy O.

CSS rules show up in design mode, but not in live or in browser.

So some rules work in the browser some appear when in design mode, but not in live mode or in the browser.
In one case there is no competing rules I applied background color and border color to a dynamic table and I see the colors in design view. In another there is a competing rule, but the one that wins is #content, when the rule I want #content #footer p is (obviously) a compound and at the bottom of the rules.
Any thoughts?
Thanks
Gregg

AH In preparing my stylesheet to show you, I noticed the rule above those two was missing it's ending curly brace. Problem solved! That's what I get for checking code when I am sleepy!
Thank you SnakeEyez02
Gregg

Images Missing In Design view

Hello,
I am hoping to get some advice fixing the following DW
problem:
In WYSIWYG mode I can’t view any images while trying to
modify a .ASP page. I can see the code via code view. But
can’t see anything in the design view on my default.asp page.
I can see other pages correctly, with the exception of the
header include.
I seem to have had this issue in the past, like maybe with
Dreamweaver 3. I forgot what my settings fix was.
I have double checked with my work mates Dreamweaver CS2
settings. And we matchup perfectly with the exception that his
works and mine does not.
Help, I am running out of hair to pull out.
Thanks!

We operate off of a network drive so we can all see the same
files. We use checkout to keep from over writing each other. We
then have a staging server that we upload the files to to test.
Then we can deploy to a our live servers.
All of the code base has worked with no issues since 2000.
This includes our use of includes and our folder paths.
The only thing that is different is that I wiped the computer
I am currently using, which up until a week ago was using DW8, did
a clean install of the windows package, installed my licensed copy
of CS3 design studio, and completed all of the Adobe updates up
until yesterday.
We are using links relative to document. I have tried setting
it to site root, but that had no effect.
I have been using and setting up multiple .asp websites using
Dreamweaver since v3/UltraDev. I have also got a licensed copy of
CS3 on my notebook computer and do not have these issues.
I am thinking that I should un-install and do a clean
reinstall and see what that does.
There are some threads around the internet that my buddy
found that said to turn on DW8 then turn on DW9, it may take a few
times, but they got it to display the bits I am missing. I think
this is kinda cheesy, but I guess if it works...
Bill Strong
Webmaster
University of Virginia Bookstores

Background Image Disappears in Design View

Hi, I am new to website design and just recently the background image stopped showing up in design view. When I switch to live view and check in the browser though the background shows up again. It used to work before but it just stopped working recently. I have been trying to find a solution but it has not been working out. If anyone has any ideas as to what could fix my problem, it would be greatly appreciated.
Here is my css
@charset "UTF-8";
#container {
          height: 1280px;
          width: 960px;
          margin-top: 0px;
          margin-right: auto;
          margin-bottom: auto;
          margin-left: auto;
          position: relative;
          background-image: url(../Images/background%20copy.jpg);
          background-repeat: no-repeat;
h3 {
          margin-top: 420px;
          margin-bottom: 195px;
          text-align: center;
          position: absolute;
          margin-left: 437.5px;
          text-transform: capitalize;
          font-variant: small-caps;
          font-size: 24px;
          font-style: inherit;
          text-decoration: underline;
h2
          margin-top: 160px;
          margin-bottom: 195px;
          text-align: center;
          position: absolute;
          margin-left: 230px;
          text-transform: capitalize;
          font-variant: small-caps;
p1
          margin-top: 350px;
          position: absolute;
          margin-left: 40px;
          margin-right: 60px;
          font-size: 18px;
          text-align: center;
When i turn it on live view it is also formatted correctly and everything. But when it is on just design or split view the text and all of the pictures don't follow any of the css.

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>LADC Companies</title>
<meta name="keywords" content="LADC Companies,commercial lawn service, services, snow removal, concrete romval, Home Depot, Kohl's">
<link href="CSS/styles.css" rel="stylesheet" type="text/css">
<style type="text/css">
#NavBar {
          height: 36px;
          width: 960px;
          margin-right: auto;
          margin-left: auto;
          margin-top: 102px;
          margin-bottom: 146px;
          border-top-style: none;
          border-right-style: none;
          border-bottom-style: none;
          border-left-style: none;
          position: absolute;
          left: auto;
          top: auto;
          right: auto;
          bottom: auto;
#apDiv1 {
          position: absolute;
          width: 200px;
          height: 115px;
          z-index: 1;
          left: 65px;
          top: 197px;
#apDiv2 {
          position: absolute;
          width: 207px;
          height: 143px;
          z-index: 1;
          left: 268px;
          top: 197px;
#apDiv3 {
          position: absolute;
          width: 201px;
          height: 142px;
          z-index: 1;
          left: 204px;
          top: 0px;
#apDiv4 {
          position: absolute;
          width: 200px;
          height: 115px;
          z-index: 1;
          left: 684px;
          top: 205px;
#apDiv5 {
          position: absolute;
          width: 200px;
          height: 115px;
          z-index: 2;
          left: 410px;
          top: 13px;
#apDiv6 {
          position: absolute;
          width: 200px;
          height: 115px;
          z-index: 1;
          left: 204px;
          top: 0px;
</style>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body onLoad="MM_preloadImages('Images/navover_01.gif','Images/navover_02.gif','Images/navover_ 03.jpg','Images/navover_04.gif','Images/navover_05.jpg')">
<div id="container">
<div id="NavBar"><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Home','','Images/navover_01.gif',1)"><img src="Images/background-copy_01.gif" width="192" height="36" id="Home"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('About us','','Images/navover_02.gif',1)"><img src="Images/background-copy_02.gif" width="192" height="36" id="About us"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Services','','Images/navover_03.jpg',1)"><img src="Images/background-copy_03.jpg" width="192" height="36" id="Services"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Gallery','','Images/navover_04.gif',1)"><img src="Images/background-copy_04.gif" width="192" height="36" id="Gallery"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Contact Us','','Images/navover_05.jpg',1)"><img src="Images/background-copy_05.jpg" width="192" height="36" id="Contact Us"></a></div>
<h2>LADC Companies... "your #1 outsource resource"</h2>
<h3>Services</h3>
<p1>LADC Companies has strived to put the service back into "service" since it started in 1986. Since that time LADC has delivered, as promised, its commitment to first rate quality service with in-house personnel to meet its client strict demands and expectations.</p1>
<div id="apDiv1"><img src="new truck.JPG" width="204" height="143" /></div>
<div id="apDiv2"><img src="IMG_2425.jpg" width="204" height="143" alt="HOME depot" />
    <div id="apDiv3"><img src="Images/2011-07-26_12-59-24_137.jpg" width="204" height="143" />
      <div id="apDiv6"><img src="Images/DSCN0147.jpg" width="204" height="143" alt="concrete" /></div>
    </div>
</div>
</body>
</html>

Image missing from design view

Hi. In DW CS4 on XP.
I have an image that is missing in my design view from DW. It shows up in the live view, but when I select it I cannot get the option to change the image.
I do not want to change the image in the code. It is not loading my new picture under the same filename for some reason.
I have all the visual aids shown except the first 2 listed: CSS layout backgrounds & box models.
I tired selecting all over the table this page is designed in. I cannot seem to select that picture missing. Right now it is a missing link & usually I am able to click the missing link box. I even tried opening it up in DW 8, but I am not even able to select the box, but at least I see it.
Please help if you can.
Thanks.

I would have said "Try renaming the folder containing the images in Rh's Project Manager. That sometimes fixes the problem. You can revert to the old name afterwards."
Keeping all the images, and / or topics, in the root is never a good idea. It can slow things down and it's messy.
You can move the images you can see but obviously you cannot move the others. Try moving a topic that has one of the images to a different folder and see if that refreshes. Also try deleting the CPD file and reopening Rh.
Backup first.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

How to view correct image dimensions in design view?

I am new to Dreamweaver cs6. In previous version, the dimensions of an image is directly reflected in the design view. Now it doesnt appear to do so. Does anyone know if there is a setting to fix this? It looks fine when I preview in the browser, but I'd like to see how my page elements fit together in the design view. Any suggestions?

Here is the code for a similar example:
<td width="409" height="37"><img width="409" height="1" border="0" style="display:block; line-height:0;" src="http://offers2.compuware.com/rs/compuware/images/spacer.png" alt=""></td>
Although the height is set to 1, it is showing a height much larger than that (in both the design view and browser preview)
Thanks! I really appreciate the help.

Images Broken Across Pages error but the largest image is 700 pixels

While submiting an epub to iTunes I got a ticket Images Broken Across Pages. The largest image is 518 x 700 pixels

As this group is iBooks Author rerlated, you may prefer to re-post here...
https://discussions.apple.com/community/ibooks_author/creating_epubs

Style changes show in Design mode but not in Live View or online.

I'm using CS5. I modified a style sheet and the changes showed up in Design mode just the way I wanted them. I switched to Live View and they did not show up. I put the new style sheet on the server and it the changes do not show up online. The basic change was to add a border around some text that serves as a link to another page in the site. The source code can be viewed here: The Akshaya Home | Akshaya USA. The relavent lines are 71 and 72 at the bottom of the banner div. The CSS code is:
.button_donate{
          font-family: Arial, Helvetica, sans-serif;
          font-size: 24px;
          padding: 0px 8px 0px 8px;
          border-top: 3px;
          border-top-style: solid;
          border-top: #1C778C;
          border-left: 3px;
          border-left-style: solid;
          border-left: #1C778C;
          border-bottom: 3px;
          border-bottom-style: solid;
          border-bottom: #0A2B33;
          border-right: 3px;
          border-right-style: solid;
          border-right: #0A2B33;
          position: absolute;
          right: 50px;
          top: 139px;
.button_volunteer{
          font-family: Arial, Helvetica, sans-serif;
          font-size: 24px;
          padding: 0px 8px 0px 8px;
          border-top: 3px;
          border-top-style: solid;
          border-top: #1C778C;
          border-left: 3px;
          border-left-style: solid;
          border-left: #1C778C;
          border-bottom: 3px;
          border-bottom-style: solid;
          border-bottom: #0A2B33;
          border-right: 3px;
          border-right-style: solid;
          border-right: #0A2B33;
          position: absolute;
          left: 40px;
          top: 140px;
Any help will be greatly appreciated.
Ed

Try this:
.button_donate {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    padding: 0px 8px 0px 8px;
    border: 3px outset #1C778C;
    position: absolute;
    right: 50px;
    top: 139px;
Repeat with .button_volunteer.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Handoff broken in Public Release, but works in Beta. Help?

I have a partitioned drive; one that was strictly a Yosemite beta install, and my day-to-day work machine that had been in working order.
This second drive was updated to the public release of Yosemite.
Here is one of my many dilemmas with Yosemite:
Handoff is broken.
Doesn't work, ever.
In the Beta build: Works like a champ! Every time.
Yes, all my software is up to date, and my hardware is supported.
Any insight on resolving this?

I have a partitioned drive; one that was strictly a Yosemite beta install, and my day-to-day work machine that had been in working order.
This second drive was updated to the public release of Yosemite.
Here is one of my many dilemmas with Yosemite:
Handoff is broken.
Doesn't work, ever.
In the Beta build: Works like a champ! Every time.
Yes, all my software is up to date, and my hardware is supported.
Any insight on resolving this?

Why doesn't Auto Suggest work in IE but works in Live View?

Hi, In Dreamweaver CS5 I have created a simple test page for the Auto Suggest widget using a second page containing the data in an HTML table. The Auto Suggest works perfectly when viewed in the Dreamweaver Live View and Multi Screen View. However, when i view the test page in IE8 the widget doesn't work and there is the small 'Done' with the yellow triangle and exclamation mark in the bottom left indicating a script error.
Any ideas what's the problem - presumably with IE?
Thanks

Thanks. I have posted the test page to
www.bpmac.co.uk/test.asp
I would be happy to receive a link to a sample that works.
Regards
Phillip

Email doesn't work on Z10 when sending attachment after software update on Telus, Gmail but works on live.ca

Having my Telus email refusing to send attachment (one meg picture), without attachment everything is OK, can receive attachments. Weird thing is my live.ca account works perfectly. All that happens is the clock and sending icon would alternate (left it for a couple of hours - still the same). Same result using Wi-Fi or LTE, 4G. So called tech support @ Telus and they have no solution and have two Z10 with same problem sending attachment but on Gmail account. They are sending a ticket to Blackberry to see if problem can be resolved.
Emails were working perfectly before software ugrade three days ago. Anyone else having these issues? Ideas to resolve?

FINALLY, after TWO full months of waiting and checking every day, the problem has been resolved. I'm disappointed that Blackberry took so long to fix, but happy that my email can finally send attachments. Also disappointed that I was not notified of the fix by my provider Telus (which they said they would). Hopefully the problem is permanently resolved and won't re-appear after another software update.

CS5 Design View: local page + images on server - images don't display

I've recently upgraded to DW CS5. I sometimes have occasion to design pages containing images that are on the server.
In DW8, images on the server would display in Design View.
In DW CS5, images on the server display a broken image icon in Design View.
Yes, I know I can switch to Live View, but I'd rather not, as I find Live View very difficult to edit in (if at all; I can somewhat edit in the code, but what's the point?). I'd far rather be able to see the images as I'm writing the page in Design View.
Am I missing some setting somewhere, or is this the way it is?

function(){return A.apply(null,[this].concat($A(arguments)))}
Diane Vigil wrote:
I found it under View > Display External Files.
Thanks so much for this. Really appreciated.
Used to be under the Commands menu long ago. Obviously relocated to the View menu.
That means that Adobe's own online Help docs for CS5 are incorrect.
http://help.adobe.com/en_US/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7cc1a .html
Note: When inserting images it’s also possible to use an absolute path to an image that resides on a remote server (i.e., an image that is not available on the local hard drive). If you experience performance problems while working, however, you might want to disable viewing the image in Design view by deselecting Commands > Display External Files.

Quickie: Design view not working

Hi all,
Not sure why, but design view (non-live) just shows a grey panel, or white if I focus on it.
If I turn Live View on, I can see everything but not edit it obviously. Split code/design doesn't work unless Live View is turned on.
No idea why this is, I'm an occassional user of DW (CS6 Win7). This is a site which I've created, edited and published before all on the same workstation.
Thanks in advance,
Simon.

First, validate your HTML and CSS code. Fix any reported errors. CS6 Design View is much less forgiving of coding errors than earlier versions were. A blank screen can be caused by missing semi-colons in your CSS, orphaned <div> tags, etc..
Code Validation Tools
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
If after cleaning your code you still have problems, upload your page and supporting files to your web server, come back here and post the URL so we can take a look at it.
Nancy O.

Images broken in DW CS4 LiveView & browser preview.

Hey everyone, need some major help here.
I'm very new to dreamweaver. I am experienced with graphics and art but anything related to code I epicly fail at... So talk with me like I'm three if possible.
I built my first site for my small sword making business recently, and managed to get it on the web:
http://maddwarfworkshop.com/
I'm happy with the site visually but I know there are some underlying hidden flaws. First being how it functions in DW itself.
I know plenty of people run into the issue of not being able to see their images while in design view, but mine is the exact opposite.
My images show up as a tiny blue question mark box in Live View... As well as when I preview it in a browser localy on my machine.
I think I know why it might be happening but dont know how to fix it...
When I insert an image DW codes it as such:
<img src="/images/madintro.jpg" width="470" height="267" />
The problem seems to lie in DW adding the "/" in front of "images"
when I manually go in and take out the "/" the image shows magically shows up as it should.
Why has dreamweaver suddenly defaulted to making bad code? what did I do to cause this issue? And obviously how can I change it back to work again and make the image show in my DW workspace?
I'm sure it lies in my crappy knowledge of understanding how to use templates.
Also..
If anyone could I would love a comrehensive critique of the site I built and how to clean it up, how to make the code right, and get things working as they should to propor standards.
Here is the code for the homepage:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Mad Dwarf Workshop - Hand Forged Swords & Fine Art</title>

<style type="text/css">

</style>
<link href="_css/Layout.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
<script type="text/javascript">

</script>

<script type="text/javascript">

</script>



</head>
<body text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" onload="MM_preloadImages('images/facebook1.jpg','images/youtube1.jpg','images/flickr1.jpg ','images/blogger1.jpg')">
<div id="shadow">
<div id="wrapper">
    <div id="top navi" style="background-color: #1A1311; padding: 7px; vertical-align: middle; text-align: left; border-left-color: #666; border-bottom-color: #666; border-right-color: #666; border-top-color: #666; border-left-style: none; border-bottom-style: solid; border-right-style: none; border-top-style: none; border-left-width: medium; border-bottom-width: medium; border-right-width: medium; border-top-width: medium; border-left: tempval; font-size: 12px; height: 15px;">- <a href="index.htm">Home</a> - <a href="/welcome.html">About Us</a> - <a href="mailto:[email protected]">Contact</a> -</div>
    <div id="top logo"><SCRIPT LANGUAGE="Javascript">
function banner() { } ; b = new banner() ; n = 0
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner1.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner2.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner3.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner4.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner5.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner6.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner7.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner8.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner9.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner10.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner11.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner12.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner13.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner14.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner15.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner18.jpg' border='0' ALT=''></A>"
i=Math.floor(Math.random() * n) ;
document.write( b[i] )
</SCRIPT>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #1C1311; font-size: 15px; border-left-color: #666; border-bottom-color: #666; border-right-color: #666; border-top-color: #666; border-top-style: solid; border-left-width: medium; border-bottom-width: medium; border-right-width: medium; border-top-width: medium; padding: 7px; height: 15px; text-align: center;"> <span><a href="instock.html">In Stock Items</a> | <a href="customswords.html">Custom Swords</a> | <a href="knives.html">Knives & Saxes</a> | <a href="fineart.html">Fine Art</a> | <a href="craftsmen.html">the Craftsmen</a> | <a href="process.html">the Process</a> | <a href="inspiration.html">the Inspiration</a> | <a href="articles.html">Articles</a> | <a href="faq.html">FAQ</a> | <a href="links.html">Links</a> | <a href="order.html">Order</a></span></div>
    <div id="content"><table width="875">
      <tr>
        <td width="183" height="583" align="center" valign="top">
          <div id="left"> <span class="boldtext">Welcome</span>
            <p><img src="images/Forge.jpg" width="170" height="152" border="2" /></p>
            <p>The Mad Dwarf Workshop is the swordsmithing work of Andy Davis and David DelaGardelle, but it is also an extended group of like minded individuals who have a love and passion for history, mythology, nature, ancient craftsmanship, and the good Lord Above. The Workshop was founded in November of 2004 in Newcastle Indiana by the two young craftsmen.</p>
            <p><img src="images/sign.jpg" width="170" height="147" border="2" /></p>
            <p>Together they began to chase their life long dream of learning how to forge swords like the ones read about in the epic sagas and mythologies they loved since childhood.</p>
            <p><a href="welcome.html">Read more...</a><br />
            </p>
            <p> </p>
            <p> </p>
            <p> </p>
            <p> </p>
            <p> </p>
            <p> </p>
            <p> </p>
            <p> </p>
            <p> </p>
          </div>
        </td>
        <td width="495" valign="top" bgcolor="#0F0F0F">
        <div id="core"><img src="images/madintro.jpg" width="470" height="267" /><br />
          Welcome to the official website of Mad Dwarf Workshop. Home of hand crafted knives, swords, and fine art by David Delagardelle & Andy Davis. Please take a moment to look around and view some of our work, learn about our craft, and take a look at some pieces currently for sale. We hope you enjoy your stay and find either a treaure to call your own, or inspiration for the trail ahead.
          <h2>Featured work:<br />
            <a href="swords/ealgyd.html"><img src="images/swords/ealgyd/ealgyd1.jpg" width="430" height="323" /></a></h2>
          <h2><a href="http://maddwarfworkshop.123guestbook.com/"><img src="images/guestbook.jpg" width="209" height="88" alt="guestbook" /></a><font color="#666666"><br />
          </font></h2>
        </div>
<script type="text/javascript">
var sc_project=4137115;
var sc_invisible=1;
var sc_security="86fc9d5f";
</script>
<script type="text/javascript"
src="http://www.statcounter.com/counter/counter.js"></script><noscript><div
class="statcounter"><a title="godaddy stats"
href="http://www.statcounter.com/godaddy_website_tonight/"
target="_blank"><img class="statcounter"
src="http://c.statcounter.com/4137115/0/86fc9d5f/1/"
alt="godaddy stats" ></a></div></noscript>

        
          <p><img src="images/spacer.jpg" alt="" width="188" height="33" /></p>
          <p><span class="legaltext"><font color="#666666">Copyright
            © Mad Dwarf Workshop LLC 2010 <br />
            Last revised
            May 19, 2010
            . <br />
            Site built by <a href="http://www.myspace.com/davidd3art" style="color: #666;">David DelaGardelle</a></font></span><font color="#666666"><br />
              <a href="credits.html" class="legaltext" style="color: #666">- Credits -</a><br />
          <a href="mailto:[email protected]" class="legaltext" style="color: #666;">- Contact Us-</a></font></p></td>
        <td width="183" align="center" valign="top" bgcolor="#131313">
          <div id="right"> <span class="boldtext">Connect With Us:</span>
            <p><a href="http://www.facebook.com/#!/pages/New-Castle-Indiana/the-MAD-Dwarf-Workshop/117077868270" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('facebook','','images/facebook1.jpg',1)"><img src="images/facebook.jpg" name="facebook" width="70" height="70" border="0" id="facebook" /></a> <a href="http://www.youtube.com/user/MADdwarfWorkshop" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('youtube','','images/youtube1.jpg',1)"><img src="images/youtube.jpg" name="youtube" width="70" height="70" border="0" id="youtube" /><br />
            </a><a href="http://www.flickr.com/photos/40735115@N00/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('flickr','','images/flickr1.jpg',1)"><img src="images/flickr.jpg" name="flickr" width="70" height="70" border="0" id="flickr" /></a><a href="http://madswordsmithing.blogspot.com/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('blogger','','images/blogger1.jpg',1)"> <img src="images/blogger.jpg" name="blogger" width="70" height="70" border="0" id="blogger" /></a></p>
            <p class="boldtext">New For Sale:<br />
              <a href="knives/hildeofor.html"><img src="images/knives/hildeofor/hildeoforthumb2.jpg" width="177" height="133" border="2" /></a></p>
            <div align="center">
              <div style="border:1px solid #999999; width:173px; margin: 0px; background-color:#242424;">
                <form action="http://pub19.bravenet.com/elist/add.php" method="post" style="margin:0px;">
                  <div style="background-color:#474747; padding:0px; font:12px arial; color:#ffffff;"><b>Join our News Mailing List:</b></div>
                  <div style="margin:10px; font: 11px arial; color: #ffffff; text-align:left;">
                    <div style="margin-bottom:5px;">Enter your name and email address below:</div>
                    <div style="text-align:right;"> Name:
                      <input type="text" id="elistname" name="ename" size="25" maxlength="60" style="width: 112px" />
                      <br />
                      Email:
                      <input type="text" name="emailaddress" id="elistaddress15081046149" size="25" maxlength="100" style="width: 112px" />
                      <br />
                      <span style="white-space:nowrap;">
                        <input type="radio" name="action" value="join" checked="checked" style="border: 0px;" />
                        Subscribe </span> <span style="white-space:nowrap;">
                          <input type="radio" name="action" value="leave" style="border: 0px;" />
                          Unsubscribe </span>
                      <input type="hidden" name="usernum" style="border: 0px solid black; height: 0px; width: 0px;" value="1572390955" />
                      <input type="hidden" name="cpv" style="border: 0px solid black; height: 0px; width: 0px;" value="1" />
                      <input type="submit" name="submit" value="GO" />
                    </div>
                  </div>
                  <div style="color: red" id="elist_err15081046149"></div>
                  <div align="center" style="margin-bottom:3px;"><a title="" href="" style="font: bold 11px tahoma, sans-serif; color: #ffffff;" target="_blank"></a><br />
                    <a title="" href="" style="font: 10px tahoma, sans-serif; color: #ffffff;" target="_blank"></a></div>
                </form>
              </div>
            </div>
            
<p></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><br />
</p>
          </div>
        </td>
      </tr>
    </table>
    </div>
</div>
</div>
</body>
</html>
I know its kinda a lot to ask but I know zero people in person who can help me, and am extremely desperate and absolutely obsessed with making this site the very best I am capable of.
Any resources, videos, tips, whatever would be beyond appreciated!...
Thank you so much!
Dave D.

I know plenty of people run into the issue of not being able to see their images while in design view, but mine is the exact opposite.
My images show up as a tiny blue question mark box in Live View... As well as when I preview it in a browser localy on my machine.
I think I know why it might be happening but dont know how to fix it...
When I insert an image DW codes it as such:
<img src="/images/madintro.jpg" width="470" height="267" />
The problem seems to lie in DW adding the "/" in front of "images"
when I manually go in and take out the "/" the image shows magically shows up as it should.
Why has dreamweaver suddenly defaulted to making bad code? what did I do to cause this issue? And obviously how can I change it back to work again and make the image show in my DW workspace?
Yes, the slash is exactly the problem. That is known as a Site-root relative link.These types of link are good to use in Templates because they are always the same. They don't need to be "fixed' when you generate a page from your Template into a different folder.
The downside of using Site-root reltive links, is that you can't access the files locally. You must get the page from a web server. One exception to that is using Preview in Browser (PIB) "Temp" files.
Read this Tech Note about setting up a Testing Server so you can see these files in Live View and PIB:
http://blogs.adobe.com/dreamweaver/2008/12/live_view_and_siteroot_relativ.html
If you want to switch back to using Document relative links, then setthe Relative to: field to be "Document" in the "Browse for file" dialog (folder button next to Link field in PI). This setting is sticky, so all future link will use the same setting.
Hope this helps,
Randy

Images broken in Design View, but work in Live View

Similar Messages

Maybe you are looking for