Unwanted colored box around link

Who can help me to get rid of the coloured line/rectangle
that appears around my image the moment I make that image a link?
In CSS the link appearances are not specified, in the page
properties neither.
I think I have to 'overrule' the settings somewhere (I.E.?)
but cannot find it.
Also, does someone know if it is possible to change these
links-appearance-settings just for a certain layer?
THANKS!

Yes. I counted. 12 times already.
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
==================
"Michael Fesser" <[email protected]> wrote in message
news:[email protected]..
> .oO(E Michael Brandt)
>
>>a {text-decoration:none}
>
> I think it's
>
> a img {border: 0}
>
> Didn't we have this question today already? ;)
>
> Micha

Similar Messages

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!
>
>

Blue box around link wont go away

Im using DW cs3 and trying to redo a website. I have
everything in place, but when I add a link to an animated gif in
center of my page, it adds a blue border around the image. How can
I turn this off?
I have a nav column on left side of page will rollover
effects and there is no blue box around those images.
If thats not bad enough, I also have an animated gif above my
nav column, and when I add a link to it, It gets a blue box as well
and expands my nav table. I havent experienced this with older DW.
Any ideas on what Im doing or not doing right?
*****Disregard. Finally figured out you have to put a 0 in
for border. I dont remember ever having to put that in before. I
may just be getting old.

"David Powers" <[email protected]> wrote in message
news:ffqc95$a4q$[email protected]..
> dellvostro wrote:
>> Im using DW cs3 and trying to redo a website. I have
everything in place,
>> but when I add a link to an animated gif in center
of my page, it adds a
>> blue border around the image. How can I turn this
off?
>
> Earlier versions of Dreamweaver automatically added 0 in
the Border
> attribute of an image if you embedded it in a link.
Dreamweaver CS3
> doesn't do so because it creates invalid code for HTML
Strict and XHTML
> Strict.
>
> A simple way to get rid of the blue border is to select
the image and type
> 0 in the Border field of the Property inspector.
>
> The better way to do it is to add the following rule to
your website's
> style sheet:
>
> a img {border:none;}
>
> Using the style rule is more efficient because the same
rule is
> automatically applied to all images embedded inside a
link in the same
> site.
Hi David - I thought he might want borders on some other
images on the page?
Patty Ayers | Adobe Community Expert
www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate
Worksheet

Blue box around linked picture

I am trying to link some pictures on my homepage to other
pages in my site and when I link them, a blue box appears around
the picture. When I preview it in my browser, it gives me the
impression it is like a rollover or visited link. It turns the
default purple if I have clicked on it previously. I have changed
the page properties to make the link colors white, but that does
not help. Any suggestions or ideas??
Thanks!

Add this to your 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.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"cwgurl21" <[email protected]> wrote in
message
news:fin4o4$3mq$[email protected]..
>I am trying to link some pictures on my homepage to other
pages in my site
>and
> when I link them, a blue box appears around the picture.
When I preview it
> in
> my browser, it gives me the impression it is like a
rollover or visited
> link.
> It turns the default purple if I have clicked on it
previously. I have
> changed
> the page properties to make the link colors white, but
that does not help.
> Any
> suggestions or ideas??
>
> Thanks!
>

Get rid of Dotted box around links with CSS

After I click a link on my site a dotted box appears around the link/image. From looking through the forums I have learned that this is a "focus state" used by people without a mouse to tab through the site and see where they are. I have also read the way to get rid of it was to put;
a:focus img { outline:none; }
into the css.
I tried that and it didnt work. If this is infact the correct way to get rid of it, where exactly in the css should i put it?
http://www.rsicorp.org/rsi/silvagilroy.html
Any suggestions are appreciated!
Thanks

Any suggestions are appreciated!
Start by fixing your code errors.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.rsicorp.org%2Frsi%2Fsilvagilr oy.html
You have 2 Spry menu systems on your site. If you want this applied to all links, put this anywhere in your layout.css file.
a {outline:none}
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

How to disable the blue highlight boxes around links?

I've created a document in InDesign CS5, and when viewed on Adobe Reader 10.2 (on an iPad) all the table of contents links within the document, and all links to external websites have a blue highlight field around them. While I appreciate the fact that it makes it obvious where links are, it looks remarkably ugly to have huge blue highlights all over the document. There must be a way to turn these highlights off, right? Either from the source document within InDesign before the PDF is created, or from within Adobe Reader or Acrobat after the PDF is made? I have all the links within InDesign set to "Invisible Rectangle", and it looks great when viewed on older versions of Adobe Reader or in iBooks. Unfortunately, older versions of Adobe Reader don't support hyperlinks on tablets. So somebody using Reader 10.2, however, is now forced to view this document with ugly blue highlights. Is the only option to avoid the highlights to recommend everyone use iBooks to view the document, or is there a way in Reader 10.2 to disable these?

Thanks, but I already have all the hyperlinks set to "Invisible Rectangle", and there are still blue highlight fields around the links in Reader 10.2. If I view the PDF in other programs (iBooks, older versions of Reader) the links appear without the blue highlights. All the research I've done on this seems to point to the blue highlight fields being a "feature" of Reader 10.2, but I can't imagine that Adobe would create a feature with such a visual impact on documents without offering the option to turn that feature off? In a lot of print, online, and interactive docs both text and images are used as links (icons, buttons, etc) and having an automatic blue highlight around them really takes away from the visual impact that graphics provide. There must be an option somewhere to disable or turn these off, but I haven't been able to find it yet. Any other suggestions/ideas?

Unwanted color lines in ie10

RE: http://www.elportalimaging.com/losbanos.html
in ie10.0.11 there are unwanted color lines around two left sidebar rollover cells I just set up.
How do I get rid of them?
Chrome and Firefox look fine.
Thank you,
John

Thank you for your help, Jon!
Sorry, I am not sure how to add to my css…
Do I add it as a new selector? Or?
John Parker
209.564.7201

How do you remove link box around images?

I have put a link on a firework image that I created. When I put the files up it looks fine on my computer but a blue box keeps showing up on older computers. It is a bright blue color and looks very weird. Is there a way to have a link on the image but without a blue box around it? Or at least change the color of the link so it matches the site. Thanks!

'In the stylesheet add the following: (or in the head of the document if that's where your style rules are).
a img {border: none}
This will ensure there is no border on *any* images that have links attached to them.
Nadia
Adobe Community Expert : Dreamweaver
Unique CSS Templates | Tutorials | SEO Articles
http://www.DreamweaverResources.com
Web Design & Development
http://www.perrelink.com.au
http://twitter.com/nadiap

How do I get firefox to stop displaying blue boxes around my linked images?

I am talking about Firefox 3.5 on mac.
I was wondering if there was some way of turning off link highlighting on my website in Dreamweaver or if there is some kind of code I have to enter.
What happens is that i have images with hyperlinks and firefox puts blue boxes around them and it is ugly.
Safari works perfectly so its not me.

The answer to this question, Getting rid of blue borders around links is in the Dreamweaver FAQ.

How to change color of dotted link box when clicked

I've been trying to get the dotted red box around a link
image of mine to go away. It shows up when you click on the link
(yes, even with border set to none in css).
But then I realized this only happens when using Firefox.
With Safari, when I click on the link, there's no outline around
the image.
To see an example, go to www.jquery.com and click on the logo
at the top left of the screen. If you're using Firefox there should
be a white dotted line around the image - and with Safari, none.
Ok, well then, if there has to be that outline in Firefox,
I'm wondering how to make it white? White is so much more pleasant
that red and purple.
Thanks!

I solved it myself found the "Format" under the Link tab

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

Where i click some thing on facebook a window pops up before i could right click the link in the window but now its got a dot line box around it and i cant help

when i click some thing on facebook a window pops up
before i could right click the link in the window
but now its got a dot line box around it and i cant help

Can you attach a screenshot?
*http://en.wikipedia.org/wiki/Screenshot
*https://support.mozilla.org/kb/how-do-i-create-screenshot-my-problem
Use a compressed image type like PNG or JPG to save the screenshot.
Clear the cache and the cookies from sites that cause problems.
"Clear the Cache":
*Tools > Options > Advanced > Network > Offline Storage (Cache): "Clear Now"
"Remove Cookies" from sites causing problems:
*Tools > Options > Privacy > Cookies: "Show Cookies"
Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance/Themes).
*Don't make any changes on the Safe mode start window.
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

Cannot change background color or boxes around IMs...

After how many complaints of not being able to change the color of the background will you listen? Many of us use the computer all day and your colors HURT our eyes. And you still do not listen and allow us to change them.
You also have stupid boxes around the messages that take up a lot of space for no reason and prevents me from having more than a few lines of text on the screen. Again, not customizable.
I've had it with Skype and their ignoring of customers. I am getting rid of Skype and recommending the companies that I deal with to do the same.
Adapt or go extinct. How can you be so arrogant and stupid?????

That's normal. The drop-down just shows patterns - choose a pattern then select the colour.
Paul Herber, Sandrila Ltd. Engineering and software shapes for Visio
Sandrila Ltd

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

How to Remove the White Box from Links

How to remove the white box around a link?
I want to put links in my colored footer but it leaves a white box behind the link...
Just want a text link with no background color.
Thanks!

Check your style sheets. Something is giving a link a background color. Look for something like this:
.myClass a {
background-color: #FFFF
Then remove it.

Unwanted colored box around link

Similar Messages

Maybe you are looking for