Border on image links

DW CS3
How can I get DWCS3 to stop automatically placing a border on
image links?
DWMX automatically assigned a border=0 to each image link but
CS3 leaves it
blank so that I have to manually add the zero.
Bobby Baxter
Daylilies, Videos, & Web Design
http://happymoosegardens.com
http://thegardensite.com

Thank you, that resolved the issue.
Bobby Baxter
Daylilies, Videos, & Web Design
http://happymoosegardens.com
http://thegardensite.com
"David Powers" <[email protected]> wrote in message
news:gqnub8$30a$[email protected]..
> Bobby Baxter wrote:
>> How can I get DWCS3 to stop automatically placing a
border on image
>> links?
>
> Create the following style rule:
>
> a img { border: none; }
>
>> DWMX automatically assigned a border=0 to each image
link but CS3 leaves
>> it blank so that I have to manually add the zero.
>
> It was dropped in CS3 because the border attribute on
images is
> deprecated, and also because the CSS rule is much more
efficient. It
> automatically applies to every image inside a link, as
long as the style
> sheet is attached to the page.
>
> --
> David Powers
> Adobe Community Expert, Dreamweaver
>
http://foundationphp.com

Similar Messages

Border around image links

What the heck is it with a blue border around image links in
CS3???? I discovered I can get rid of it by setting the border to 0
in properties but what a pain. I also noticed tables have a 1
border by default. I'm sure there is a place to change the default
but I can't find it.
Any suggestions?
thanks,
CJ

On Fri, 1 Jun 2007 13:11:16 +0000 (UTC), "SeaJaye"
<[email protected]> wrote:
>Win,
>I like the way you think. For those of us who are cake
baking challenged, could you put up a recipe for said cake?
>thanks,
>cj
Sure. This set of stuff:
*zeroes out the margins and paddings
* guarantees a vertical scrollbar (so no jumping between
short and
long pages)
* establishes colours and fonts etc. for the tags I tend to
use
* gives me a way to float images left or right
* defines a tag that I can use to clear floats (the hr tag,
in this
case, since I never use an hr as a visual element: I always
define
borders when I need them)
* styles the form and form elements
I customize these to suit.
/* CSS Document */
margin: 0;
padding: 0;
html {
height: 100%;
margin: 0;
padding: 0;
body {
min-height: 101%;
font: 100.01%/130% "Trebuchet MS", Verdana, Helvetica,
sans-serif;
color: #000;
background: #4f865b url(../images/bgTexture.png) repeat;
margin: 0;
padding: 0;
hr {
height: 0;
line-height: 0.0;
font-size: 0;
margin: 0;
padding: 0;
clear: both;
visibility: hidden;
h1, h2, h3 {
font-size: 150%;
color: #4f865b;
margin: 20px;
font-weight: bold;
h2 {
font-size: 120%;
color: #cc6600;
h3 {
font-size: 100%;
color: #4f865b;
font-style: italic;
p {
font-size: 90%;
margin: 10px 20px;
ul {
margin: 10px 20px 10px 40px;
font-size: 90%;
a:link {
color: #cc6600;
a:visited {
color: #4f865b;
a:hover, a:active, a:focus {
color: #7dd08f;
.imgLeft {
border: 1px solid #dfdabd;
padding: 5px;
float: left;
margin-right: 10px;
.imgRight {
border: 1px solid #dfdabd;
padding: 5px;
float: right;
margin-left: 10px;
/***** CONTACT FORM STYLES *****/
#content form{
margin: 0;
width:450px;
#content fieldset{
border: 1px solid #d69400;
margin-bottom: 10px;
padding:5px 5px 20px 20px;
#content legend {
font-size: 120%;
margin: 12px 0 0 0;
color: #18006a;
#content textarea{
background-color: transparent;
border: 1px solid #18006a;
height:200px;
margin:0 30px 0 0;
#content label{
display:block;
font-size:80%;
padding-top:5px;
#content button{
background-color: #ecc97d;
display:block;
width:80px;
/* sets the enquiry box to the right of the input fields */
.labelfloat{
padding-top:20px;/* float:right;*/
#content input:text, #content select{
/*background-color: #E8E2C2;*/
background-color: transparent;
border: 1px solid #18006a;
display:block;
margin:0 0 0 0;
width:200px;
/* END FORM STYLES */
Win
Win Day, Wild Rose Websites
http://www.wildrosewebsites.com
[email protected]
Skype winifredday

Border around image link?

Hello,
I created this HTML email and only in gmail there is a purple border around the header link? I have the border setup to O. It looks great in hotmail and outlook though. Do you know why this would happen?
<!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>Guardian Credit Union</title>
<style type="text/css">

</style>
</head>
<body>
<table width="625" border="0" cellspacing="0" cellpadding="0">
<tr>
    <td border="0"><a href="http://www.tellgcu.com/{{Purl}}"><img src="http://208.69.110.181/GCU_919743-site/images/emailHeader.jpg" alt="Urgent deadline regarding your debit/ATM card services. To keep the overdraft service you already have, we need to hear from you." /></a></td>
</tr>
<tr>
    <td><p class="style1">Dear {{CustomerName}},<br><br>In order to continue giving you the same Overdraft Services you are receiving today, we will need your permission by August 15th.</p>
      <p class="style1">Overdraft Services allow us to cover debit card purchases or ATM withdrawals for you when the transaction is more than your balance. </p>
    <p class="style1">You can choose to continue receiving that service, or to have the debit card purchase declined at the cash register. <a href="http://www.tellgcu.com/{{Purl}}">Click here to find out more!</a></p></td>
</tr>
<tr>
    <td><br><p class="style1">Sincerely,<br><br><br>Guardian Credit Union</p><br><br><br><font size="-2pt">You will be charged a paid item overdraft fee of $32 for each overdrawn item created by Debit Card purchases or ATM withdrawals. The amount of any overdraft item including our paid item overdraft fee of $32 shall be due and payable upon demand, but if no demand is made, no later than 30 calendar days after the creation of the overdraft. We may refuse to pay an overdraft item at any time even though we may have previously paid overdrafts for you. For example, we typically do not pay overdraft items if your account is not in good standing or if based upon our review of your account management, we determine that you have too many overdrafts or are using the service as a regular line of credit.</font></td></tr>
</table>
</body>
</html>
THanks,
Melanie

i know im a bit late on responding but i think what you need to do mshef534 is to put the code a img {border: 0px;} within the image ref itself i.e.
<a href="http://www.facebook.com/search/results.php?q=Samuel+Emerton&init=public#!/profile.php?id=1 00000235960932"target="_blank"><img src="facebook.png" width="43" height="43" a img {border: 0px;}/> and that should do it this worked for me happy htmling

Removing border around image with link

I know this is really basic but I can't find anywhere how to
avoid having a purple border around a linked image. Help
please!

Nope. Not if you want valid XHTML.
CSS does the trick -
a img { border:none; }
*and* you don't have to add it to each individual <img>
tag.
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
==================
"Dan.Smith" <[email protected]> wrote in
message
news:gn22if$i6k$[email protected]..
> border="0"
>
> <img src="myImage.jpg" alt="a" width="22" height="22"
border="0" />
>
> --
> Dan Smith > adobe community expert
> Flash Helps >
http://www.smithmediafusion.com/blog/?cat=11
> twitter:
http://twitter.com/dmode
>

Ho do you remove Border on Image Map Links in Safari

Hi,
I am having a problem with Safari 5.1 with an image map. I designed an Image Map for my Website in Fireworks with three hotspots.
When you click on the hotspot in Safari to link to the page a border appears around the hotspot. It doesn't happen in any other browser.
Anyone have an idea how to get around this?
Web address is: http://79.170.44.76/agrisearch-site.org/

Well I found out! Here yer go! Paste the code in bold in the same area as the example and any Dreamweaver CS5.5 Hot Spots you create, this will get rid of the Blue Border when the links are clicked on in Safari. You would think either Apple or Adobe would sort this? Make life alot easier?
<html>
<head>
<title>"Trailer Music"</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
body {
          margin-left: 10px;
          margin-top: 0px;
          margin-right: 0px;
          margin-bottom: 0px;
*:focus
outline: none;
outline-width: 0;
</style>
</style>
</head>
<body bgcolor="#FFFFFF">

<table id="Table_01" width="742" height="578" border="0" cellpadding="0" cellspacing="0">
          <tr>
                    <td>
                              <img src="http://www.donhughes-music.com/mailtrailers/images/index_01.jpg" alt="image1" width="361" height="298" border="0"></td>
                    <td><img src="http://www.donhughes-music.com/mailtrailers/images/index_02.jpg" alt="dhm link" width="381" height="298" border="0" usemap="#click"></td>
          </tr>
          <tr>
                    <td>
                              <img src="http://www.donhughes-music.com/mailtrailers/images/index_03.jpg" alt="" width="361" height="280" border="0" usemap="#Map"></td>
                    <td><a href="http://trailers.donhughes-music.com"><img src="http://www.donhughes-music.com/mailtrailers/images/index_04.jpg" alt="image4" width="381" height="280" border="0"></a></td>
          </tr>
</table>

<map name="click">
<area shape="rect" coords="51,135,260,185" href="http://trailers.donhughes-music.com" target="_blank" usemap="#click" border="0">
</map>
<map name="Map">
<area shape="rect" coords="12,140,276,198" href="http://www.donhughes-music.com" target="_self" alt="DHM Link">
</map>
</body>
</html>

Border Issue w/ Image Links

I have been trying to get the borders that I put around
images that are linked to show up black instead of the typical
blue/purple combo. I've used CSS to get this effect, and it works
great in Firefox, Safari, and Netscape, but won't work at all in
Internet Explorer. How can I get it to work in IE? The page in
question is:
http://www.dehoneytravel.com/travel_tools/furtherpreparation.htm
My CSS code for the links is here:
http://www.dehoneytravel.com/css/common.css
The link style is the ".picslink" at the bottom of the code.
My next question is how to have both an image link and a text
link? An example would be on the main page, www.dehoneytravel.com.
Under the featured tours heading, I've got an image link and then
at the end of the paragraph, a text link.
Thanks!

did you try searching the forum for image link color?
image
link color

CS3: PDF-Export Transparency Issue when Image-Links are missing

I have a Layout with a transparent Frame on the top most Layer. For this Workflow-Step I do not have access to the original Image-Links, so I guess that all I see are the embedded Preview-Pictures and InDesign reports that all Object-Links are missing.
If I export this Layout as JPG, the resulting JPG looks like the WYSIWYG in InDesign, which is suitable for this workflow-step. However when I export as pdf, the Frame is not transparent anymore. Instead it is filled with white color and covers the rest of the Layout. In Adobe Reader I can actually select the wrongly covered Picture at the border of the frame and copy&paste it somewhere and it looks fine.
When I provide the original Frame-Picture and repair the missing Link in InDesign, PDF-Export works fine.
I have installed & updated InDesign on a new Mac OS X 10.4.11, so all settings should be default.
Transparency Blend Space is set to CMYK. I tried all default PDF-Export Profiles and tried a lot of different settings in the pdf-export dialogue including different PDF-File-Versions, Simulate Overprint on/off, Color-Conversion disabled, disabling Picture-Compression and much more. I also tried to Print a PS-File and then use the Distiller: same result.
I use Adobe InDesign CS3 V 5.0.2 and tried Adobe Reader 8.1.2 and Adobe Acrobat Pro 8 to display.
Any Ideas?

Transparency flattening REQUIRES having access to the high-resolution images to get good results. One of the slogans I teach printers is "Fatten before you flatten." Meaning, replace the low-res images with high-res images.

Image Link Problem with Dreamweaver CS4?

On my website, I have several images that link to other parts on my website. These work no problem when I preview the site, but after I test the links, the images that had those links have purple outlines that really clash with my website's design. Will users see this if they click on my links, and then return to the page? I'm using CS4 right now, and never recalled having this issue come up when using MX. Thanks for the help.

I got stuck on this one too - not realising that Dreamweaver automatically palces a border on every image link - but the simplest way I found was to have my "Properties" panel showing on the bottom and input 0 into the "Border" box. By having this panel open you can see if you have accidently applied any styles to the image, where it links to, Image size attributes and the Image name.

Blue box around image link

I seem to get this obnoxious blue box around all image links
I create in Dreamweaver cs3. Has anyone experienced this and if so
how do I get rid of that bugger

>I am very new to this, but the way I got round this
problem was to add
>border="0" after the height="xx" for that image.
That'll work but it requires border="0" to be individually
added to every
single <img> which is a link in every single page on
your site.
The method suggested by Alec is created just the once and
applies
automatically to every single <img> which is a link on
every page both now
and into the future i.e. nil maintenance.
I know which I prefer :-)
Regards
John Waller

Getting Rid of Standard Colored Links Around Image Links

I have included several images on my CS4 Dreamweaver site
that link to other pages, sites, etc. when clicked. An unexpected
and annoying standard blue (active), purple (visited), etc. link
border appears around the image when viewed in IE and AOL browsers.
These do not appear in Live View in CS4. How do I get rid of this
annoyance?

.oO(DWFAQ.info)
>Who's to say what's correct and much easier?
The W3C and the HTML/CSS experts here and elsewhere.
>Not simple if you want some image links with border, some
without.
Still simple.
>To each their own.
The 'border' attribute is deprecated for a reason. It's not
only old
style, but also bloats the code, because you have to apply it
to each
and every image. A hundred images, a hundred 'border'
attributes. Quite
a waste of resources, which also makes the markup harder to
maintain.
With CSS you just need a single rule to give every image link
on every
page on the entire site the same default style, usually
borderless. If
you then want some links differently - nothing easier than
that. Either
apply a class or ID to them for individual styling or to
their parent
element to access an entire group of links at once, for
example all the
buttons in a nav bar:
a img {border: 0}
#nav a {border: 2px outset #F00}
That's it. Easy, flexible, efficient. Once you've learned
about the
power of CSS, you don't want to miss it anymore. Deprecated
and
inefficient markup was yesterday (or better last century).
Micha

Unwanted Borders on Image Links

I have eight image links on this page. They work well.
What I don't understand is that I see a colored border that I
do NOT want around each when viewing the page using DW8.0.1 Design
view; in FF:Mac; and IE:Win. When viewing in Safari on my Mac, no
borders!
Can someone please tell me how to prevent these unwanted
borders? Thanks.
Warren
http://www.chapelinthepines.org/jesusFilm.html
http://www.chapelinthepines.org/3col_leftnav.css

.oO(wcamp)
>I have eight image links on this page. They work well.
>
> What I don't understand is that I see a colored border
that I do NOT want
>around each when viewing the page using DW8.0.1 Design
view; in FF:Mac; and
>IE:Win. When viewing in Safari on my Mac, no borders!
It's a browser default. Some will show it, some won't.
> Can someone please tell me how to prevent these unwanted
borders?
Simply add this to your stylesheet:
a img {border: none}
Micha

I cannot get rid of an annoying blue box on an image link that displays from a hyperlink in my dbase

I have a hyperlink in my SQL database which displays from a recordset on my page. It has an image link which displays with a very annoying blue border around it.
Because it is not an image (as such), I cannot just select it and change the border to 0.
When I go to CSS, it just lets me set the border of the table it is presented in!!!
Can somebody point me in the right direction, Please!

Hi, this is the code I see in my view as an SQL statement calls for the link from the database:
<td height="37" align="center" style="padding: 5px;"><?php echo $row_rsProducts['Buy Now']; ?>
          <td height="37"id="ShopButton"align="center"style="padding: 5px;"><br /></td>
Don't know whether I am doing it right but this is where I have put the code in the head section, still not working and got the grey border.
<style type="text/css">
#wrapper #main #topbody table tr td {
          text-align: justify;
          font-size: 10px;
          color: #555;
          font-style: normal;
          font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
          border-top-color: #FFF;
          border-right-color: #FFF;
          border-bottom-color: #FFF;
          border-left-color: #FFF;
          border-top-style: none;
          border-right-style: none;
          border-bottom-style: none;
          border-left-style: none;
          background-color: #FFF;
#wrapper #main #leftmenu table tr td {
          border-top-width: thin;
          border-right-width: thin;
          border-bottom-width: thin;
          border-left-width: thin;
          border-bottom-style: solid;
          border-top-color: #EBEBEB;
          border-right-color: #EBEBEB;
          border-bottom-color: #EBEBEB;
          border-left-color: #EBEBEB;
          padding-left: 10px;
          font-size: 12px;
          color: #6D6D6D;
          font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
          #shopButton a img {
border: none;
#BuyNow {
          border-top-width: 0px;
          border-right-width: 0px;
          border-bottom-width: 0px;
          border-left-width: 0px;
          border-top-color: #FFF;
          border-right-color: #FFF;
          border-bottom-color: #FFF;
          border-left-color: #FFF;
          a img {
                    #shopButton a img {
border: none;
#shopButton a img {
border: none;
border: none;
I am stumped!!

In an eMail message, when I attempt to save two photos by clicking the 'Save 2 Images' link, not the 'Save Image' link, the images are not saved. (I use I I apologize for the late notice, butOS7 on IPhone5). Is this feature broken?

In an eMail message, when I attempt to save two photos by clicking the 'Save 2 Images' link, not the 'Save Image' link, the images are not saved. (I use I I apologize for the late notice, butOS7 on IPhone5). Is this feature broken?

Please don't post the same question multiple times!

One more reason to put my iMAC at the curb. I can open and view Picasa photo links when I sign in via Google, but if I'm in Mail and click on the Picasa image link (my own or one someone esle sends me I can't view the images. Thye are all blank white squa

One more reason to put my iMAC at the curb. I can open and view Picasa photo links when I sign in via Google, but if I'm in Mail and click on the Picasa image link (my own or one someone else sends me) I can't view the images. They are all blank white squares. This started a few weeks ago. Why can't I view Picasa link images through Mail?

What you are experiencing is 100% related to Malware.
Sometimes a problem with Firefox may be a result of malware installed on your computer, that you may not be aware of.
You can try these free programs to scan for malware, which work with your existing antivirus software:
* [http://www.microsoft.com/security/scanner/default.aspx Microsoft Safety Scanner]
* [http://www.malwarebytes.org/products/malwarebytes_free/ MalwareBytes' Anti-Malware]
* [http://support.kaspersky.com/faq/?qid=208283363 TDSSKiller - AntiRootkit Utility]
* [http://www.surfright.nl/en/hitmanpro/ Hitman Pro]
* [http://www.eset.com/us/online-scanner/ ESET Online Scanner]
[http://windows.microsoft.com/MSE Microsoft Security Essentials] is a good permanent antivirus for Windows 7/Vista/XP if you don't already have one.
Further information can be found in the [[Troubleshoot Firefox issues caused by malware]] article.
Did this fix your problems? Please report back to us!

Image Links "Page" is OV or and I can't delete them

I'm using InDesign CS4 on Windows XP Pro. We have several documents within a book file in which some of the image links have page numbers OV and < >. I know the OV means overset text, but I'm not sure what the < > means. I know it has something to do with XML. That's not the problem.
The problem is: How do I delete these links (images)? Obviously, the images are no longer in the document but I can't figure out how to delete them from the links palette and, therefore, from the document. I've looked in the Structure panel, but I can't see a corelation.The document still prints fine, and I can create a PDF without a problem, but I'd like to clean-up the files.
Any suggestions?
Thanks,
Lloyd Lathrop

I find this is a problem often occurs when using xml (if the document has ever been populated using a data publishing tool such as XMPie/EasyCat/Stibo etc you can get residue xml lingering).
To get rid of it open the Structure View: View/Structure/Show Structure or Alt-Apple-1 (sometimes the menu option isn't there depending on which menu set you have selected).
You will see the xml panel open on the left with something akin to a folder structure. Open these up until you find a reference to the offending image link and delete it (it will give you an option to untag or delete - i think either will do in this instance).

Border on image links

Similar Messages

Maybe you are looking for