Forum Moderators: open

Message Too Old, No Replies

Unwanted dashed border around image in Dreamweaver

DW ignores image border settings if page was based on template

         

irriirri

3:06 am on Sep 16, 2003 (gmt 0)

10+ Year Member



Hello Colleagues,

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>

Purple Martin

4:42 am on Sep 16, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Ignore it!

DW's layout view chucks in stuff like that to help you position things. Preview the page in a browser (hit F12) to see what it really looks like.

irriirri

6:34 am on Sep 16, 2003 (gmt 0)

10+ Year Member



Sorry if I didn't make it clear... It's the other way 'round. From within DW, it looks allright. It is in the page, displayed in the actual browser, when I see the problem.

korkus2000

5:30 pm on Sep 16, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I have to ask this so don't be offended. Are you sure that the graphics don't have a dashed border?

What sort of CSS do you have. Do a find on all your CSS for border. Check to see if any styles have a dashed border. Also clear your cache. Some pesky problems can live on after they are fixed.

irriirri

8:23 pm on Sep 16, 2003 (gmt 0)

10+ Year Member



No offense, that's all legitimate questions.
1) Are you sure that the graphics don't have a dashed border?
- Yes. I created half of them myself. :-)
2) What sort of CSS do you have.
- It's custom, proprietary etc. But they only control text (various text classes). Some of them do specify text background color, but none is dashed. Besides, my image tag is NOT within a text span tag, as you can see from the code example.
3) Do a find on all your CSS for border.
- That may be a good idea anyway, I'll try that just in case. However, I believe I saw the same problem in a page without CSS.
4) Also clear your cache.
- You mean browser cache? Yes I did that. I do that nearly as often as I do a "save" on a file. The problem is persistant.

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.