Forum Moderators: open
I am working with Dreamweaver templates for the first time. There is a problem with how images are rendered throughout my web site.
Dreamweaver 4.0 renders a 1-pixel, black dashed border around every image, ignoring my settings. For example, whether I set the border as 3 pix thick or as "0" or "none", this all reflects in the Dreamweaver's layout view. The source code looks correct as well. But both Netscape (4.77) and IE (6.0) on Windows 2000 still display the 1-pixel dashed outline.
I only observed this when a page was created based on template. Detaching from the template later on, or copying the entire layout view into a blank page, did not help. However, a brand-new page (never based on a template)properly displays any border settings as I specify them.
CSS does not seem to be a factor, as the problem reproduced in pages without CSS.
Can anyone help? Have you come across this problem in your work?
Example code:
<p><span class="myClass">some text</span><br>
<img src="images/myImage.gif" width="450" height="110" border="1"><br>
<span class="myClass">some more text</span>
</p>
Note that the problem is with how browsers interpret this html, not with how Dreamweaver displays it. So I thought could it be some hidden Dreamweaver artifact that template brings in?
When I create a blank new page (not based on template) and insert the same image, it looks fine (no border, by default, or whatever I have specified).
EXAMPLE: Say, I changed the border to 5 pix thick, I can see the 5 pixel border in Dreamweaver; after saving the page and reloading in browser, I see the 5 pixel border in the browser as well.
However, when a page is (or used to be) based on a template, the browsers ignore any of my border settings. They render the 1 pixel dashed border instead of my 5 pixel border. Meanwhile, Dreamweaver acts like it has accepted my settings: both source and layout view render faithfully whatever border settings I have specified - in the example above, 5 pixel thick.