Welcome to WebmasterWorld Guest from 22.214.171.124
Forum Moderators: not2easy
Below is the code example:
<div id="Layer7" style="position:absolute; width:349px; height:46px; z-index:4; left: 194px; top: 704px"><a href="homeInsurance.htm"><img src="Images/Nationwide/moreIns.gif" alt="More Insurance Options" width="323" height="40"></a></div>
The above code does do what I want, but I get a unwanted border.
Thanks in advance…
It is natural for a linked image to add a border to identify it as a link, you need to do this:
<img src="moreIns.gif" alt="More Insurance Options" width="323" height="40" border="0">
Or style it as border: none in the style sheet. Chances are good you can set this as a default attribute for the img object somewhere in Dreamweaver's preferences.
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, blockquote, label, fieldset
this will specify that all images within the site have no borders without having to wrongly specify this in the html markup.
you can then create specific classes that you can apply to images to have borders.
border:5px solid #999;
which can then be called using:
<img src="/images/demo.jpg" alt="demo image" class="greywideborder />
That's for the input. I tied the "border" setting but apparently placed it on the href tag, not the image tag. Placing on the image source tag works!
So this must be the default using Dreamweaver 8, but not with the CS3 version?