Border around links

Just bought CS3 and dreamweaver adds a blue border to a link
when a pic is inserted. anybody know why or how to turn it off?
Thanks
gcs

CS3 wants you to learn/use CSS.
1] Select the image on the page and type 0 for the Border in
the
Property Inspector.
2] Or better - add this to your CSS to remove the border
around every
image link:
a img {
border: none;
Alec
Adobe Community Expert

Similar Messages

Border around link image

I placed an image, then linked it. Now I have a bright blue
box around it. Any ideas on why it is doing this?

Use CSS with this rule -
a img { border:none; }
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"cdeatherage" <[email protected]> wrote in
message
news:el1sem$snk$[email protected]..
> The default designation in most browsers indicates links
by changing the
> text
> to blue and adding an underline or placing a blue border
around an image.
> [The
> end user can change that in his/her browser preferences,
but that is
> another
> issue.] Because you made the image a link, your browser
is showing the
> border
> around the image.
>
> The only way you can get around that is, in DW go to
page properties and
> re-set the colors for links to something that you like.
If this image is
> the
> only link on your page, you can just make the links
colors the same as
> your
> background, and it will disappear. If you have other
links on the page,
> however, this isn't going to be practical because they
will disappear, and
> that
> would not be a good thing.
>

Jpg Link - Cant Change Border Around Link - Explorer

I am creating a website in Blues, oranges, and some greens. I
have made some simple jpg buttons in the color scheme. I set the
Page Property- Link color and Visited links to orange, which is
what I want - but in Explorer they have a Fuscia border around them
which really messes up my color scheme.(only the linked jpg's not
all the others) However, in Netscape the jpg/link border is orange,
as I set up, and they look good. What can I do to make the Fuscia
go away?

Add border="0" to the <img>:
<img src="image.jpg" alt="image description" width="300"
height="200"
border="0" />
Ken Ford
Adobe Community Expert - Dreamweaver
Fordwebs, LLC
http://www.fordwebs.com
"Betheanne_P" <[email protected]> wrote in
message
news:folqvp$ohk$[email protected]..
>I am creating a website in Blues, oranges, and some
greens. I have made
>some
> simple jpg buttons in the color scheme. I set the Page
Property- Link
> color and
> Visited links to orange, which is what I want - but in
Explorer they have
> a
> Fuscia border around them which really messes up my
color scheme.(only the
> linked jpg's not all the others) However, in Netscape
the jpg/link border
> is
> orange, as I set up, and they look good. What can I do
to make the Fuscia
> go
> away?
>

Unwanted colored border around link graphics

Hello,
I would appreciate any advice on a problem I've run in to. On
a site I'm developing, I just went through and linked the pages to
each other using menu graphics that I created in Photoshop. Once I
did that, a colored border appeared around the images and I can't
figure out how to get rid of it. Here's a link so you can see what
I mean:
http://www.elisabethnaughton.com/new_site/index2.html.
I'm guessing that I accidentally did it when I changed the
link color. In the page properties, I designated one color for link
color, visited links, and active links (a dark brown). I designated
a lighter brown for the rollover link color. I'm not even sure why
blue and purple are appearing as borders, other than those are the
default colors, right?
Anyway, I'd appreciate any help you could provide on how to
solve this problem. I've finished all of the other tweaks and this
is the last thing I have before it goes live! :) Thanks!

Add =
a img { border:none; }
to your CSS file/spreadsheet.
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
==================
"lisamc21" <[email protected]> wrote in
message
news:g3pisg$7gl$[email protected]..
> Hello,
>
> I would appreciate any advice on a problem I've run in
to. On a site I'm
> developing, I just went through and linked the pages to
each other using
> menu
> graphics that I created in Photoshop. Once I did that, a
colored border
> appeared around the images and I can't figure out how to
get rid of it.
> Here's
> a link so you can see what I mean:
>
http://www.elisabethnaughton.com/new_site/index2.html.
>
> I'm guessing that I accidentally did it when I changed
the link color. In
> the
> page properties, I designated one color for link color,
visited links, and
> active links (a dark brown). I designated a lighter
brown for the rollover
> link
> color. I'm not even sure why blue and purple are
appearing as borders,
> other
> than those are the default colors, right?
>
> Anyway, I'd appreciate any help you could provide on how
to solve this
> problem. I've finished all of the other tweaks and this
is the last thing
> I
> have before it goes live! :) Thanks!
>
>

How do i remove the red dotted border around links?

On several websites (Facebook, Twitter, Hootsuite, etc) any link is outlined by a red dotted border. I don't know if I inadvertently changed a setting but it never was like this before and I can't figure out how to disable the dotted border from showing.
Any help?

There are browser.display.focus* prefs that you can check on the about:config page to see if the have the default value.
*http://kb.mozillazine.org/about:config

Can i remove the border around the header?

the border that is automatically created around the header box is creating an annoying separation between the header and page background.. can i get rid of it?

Please post some code and/or a link to the page(s) you are talking about. To make sure you get help in the most efficient manner possible, read these posts first:
http://forums.adobe.com/thread/470404
http://forums.adobe.com/thread/427712
Just a wild guess, but if your "header box" is an image that is also a hyperlink, you might want to do a Google search on this very common behavior to find a solution:
http://www.google.com/search?q=border+around+linked+images+html
Cheers!

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>Dear {{CustomerName}}, In order to continue giving you the same Overdraft Services you are receiving today, we will need your permission by August 15th.
 Overdraft Services allow us to cover debit card purchases or ATM withdrawals for you when the transaction is more than your balance. 
 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></td>
</tr>
<tr>
 <td> Sincerely, Guardian Credit Union 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.</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

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 some links...

Borders around menu options on certain pages and not sure why
I created the pages in Photoshop, used Imageready to output
my site to HTML, then linked everything in Dreamweaver.
On most of the pages there are no problems, but certain pages
http://www.fcsafehouse.com/classes.html
* have a border around the menu item.
I checked the slices and made sure there was no gap in
between spacers and menu item.
Um help??
Also have odd spacing once I added links to the menu on
contact page

Use CSS -
a img { border:none; }
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Lonewulph" <[email protected]> wrote in
message
news:fbfd53$g0i$[email protected]..
> Borders around menu options on certain pages and not
sure why
>
> I created the pages in Photoshop, used Imageready to
output my site to
> HTML,
> then linked everything in Dreamweaver.
>
> On most of the pages there are no problems, but certain
pages *
>
http://www.fcsafehouse.com/classes.html
* have a border around the menu
> item.
>
> I checked the slices and made sure there was no gap in
between spacers and
> menu item.
>
> Um help??
>
> Also have odd spacing once I added links to the menu on
contact page
>

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
>

Border around a picture tha hav a link

When i put a link to a picture, I see a border around the picture when I open the page in IE, but not in Crome. Is it possible to not see the border in IE?
Knut Erik

Sure - use this CSS rule:
a img { border:none; }

Purple border around my link!!

Hi all,
I hope someone can help, I'm fairly new to Dreamweaver and am
having an issue with link colours.
Basically I wanted a white border around various links when
you hover over them. I do have that, but before you hover over it
there is a purple border around them that I can't get rid of. It
seems to only affect my .jpg's not my .gif's.
It's most likely something I've done :)
Many thanks,
Mark
P.s. I'm using CS4 and only the design page.

Hi all,
I hope someone can help, I'm fairly new to Dreamweaver and am
having an issue with link colours.
Basically I wanted a white border around various links when
you hover over them. I do have that, but before you hover over it
there is a purple border around them that I can't get rid of. It
seems to only affect my .jpg's not my .gif's.
It's most likely something I've done :)
Many thanks,
Mark
P.s. I'm using CS4 and only the design page.

Unwanted border around swf file in IE

Can anyone tell me why I am getting a border around my swf
file with it is imbedded on a Html page and displayed in Internet
Explorer on a PC?
The swf acts as a link, (pointer becomes a finger), and when
you click once in the swf area, the border disappears and the swf
file becomes active and all other links are working .
See f.ex.
http://www.soundoil.com
I am not getting this when viewing the site in other browsers
or on the Mac.
I use Golive CS and Flash MX.
It looks like this is an IE issue. Do you know of a
workaround?
Thanks on beforehand
ggaarde

I've noticed, not just in this thread but all the other "10
billion threads about this," that every single one of the fixes for
this problem are oriented towards webpage developers -- not for the
internet user. Forgive me if these forums (unbeknownst to me) are
actually dedicated solely to web developers, but I'd still like to
find a solution somewhere for this problem.
An example of the problem I'm facing. The average Joe (such
as myself) is browsing around webpages (including, for example, the
webpage for my online homework) that haven't implemented a fix for
this problem .... Thus, for every ActiveX control, forcing me to
click it first before being able to use it. Just seeing this once
isn't a big deal, but when it comes down to doing a slew of
frustrating homework problems, and being forced to do an extra
click at least once for every single problem ... that just becomes
one extra irritant. And it's a problem on a lot of other webpages
too.
I obviously can't use the "fixes" provided in these topics,
because they're
coding fixes; I can't very well go in and alter commercial
webpages. Of course, I could go and demand the Tech Support guys
for
every webpage I visit to adjust their websites and make
accomodations for this problem. But that seems like a dumb choice,
especially if there's a solution of some sort. Maybe a downloadable
update, or an option in Internet Explorer's settings. Is there
anything out there for the
user to fix this problem? Or am I SOL? Perhaps I just need
to "suck it up."
Thanks in advance.

White border around images in Easy Rotator

I would like for there to be a small white border around my images when i put them into easy rotator. I really just want there to be about a 5 px space around them that is really just the background. I cant seem to find the right place in the code to make the div that holds the background color... which is white...to make it have like a 5 px padding..
or even make a 5 px margin around all images.
I even tried to place the border around my images when placing them in the rotator but the top still pushed all the way up and there was only the white space on the left right and obviously the bottom where the dots are that shows which number slide I am on.
Where in the code will I find this so I can manipulate it... thanks again for always helping
avery

Without a link, it's all guesswork.
Use Chrome or Firefox to preview your page. Right Click and select Inspect Elements. This should give you some idea of which CSS selectors are used by Easy Rotator.
Nancy O.

Getting rid of white border around photos when using iphoto to iweb

Hi there,
Am creating web pages in iweb and importing photos from iphoto. Can anyone tell me how to get rid of the white border around my photos (image frame)? Hoping to enhance some of the templates with my own images. I also have photoshop elements and have been having the same problem there. Sure appreciate. Kim Strouble

Welcome to the Apple Discussions. The link to the site is broken. There is a fix for some of the strange goings on since the MobileMe conversion. See Wyodor's post in this thread: http://discussions.apple.com/thread.jspa?threadID=1605665&tstart=0. After applying the fix to iWeb I found I might have to republish a second time, occasionally a third and make sure I cleared my browser's cache.
If you're using Firefox 3 that's a different solution that can be found here: http://discussions.apple.com/message.jspa?messageID=7486799#7486799
TIP: For insurance against the iPhoto database corruption that many users have experienced I recommend making a backup copy of the Library6.iPhoto (iPhoto.Library for iPhoto 5 and earlier) database file and keep it current. If problems crop up where iPhoto suddenly can't see any photos or thinks there are no photos in the library, replacing the working Library6.iPhoto file with the backup will often get the library back. By keeping it current I mean backup after each import and/or any serious editing or work on books, slideshows, calendars, cards, etc. That insures that if a problem pops up and you do need to replace the database file, you'll retain all those efforts. It doesn't take long to make the backup and it's good insurance.
I've created an Automator workflow application (requires Tiger or later), iPhoto dB File Backup, that will copy the selected Library6.iPhoto file from your iPhoto Library folder to the Pictures folder, replacing any previous version of it. It's compatible with iPhoto 6 and 7 libraries and Tiger and Leopard. iPhoto does not have to be closed to run the application, just idle. You can download it at Toad's Cellar. Be sure to read the Read Me pdf file.
Note: There now an Automator backup application for iPhoto 5 that will work with Tiger or Leopard.

Border around links

Similar Messages

Maybe you are looking for