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
Similar Messages
-
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.
-
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,
CJOn 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 -
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 -
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 rid of blue boxes around hotspots?
Hi there,
I've added three hotspots to this website, but after you click on them it leaves a non-so-pleasant blue box around them.
http://chanlegge.comjavascript:;http://chanlegge.com/
I should point out also that these appear for me in Safari and Chrome, but not Firefox.
I'm a complete dolt when it comes to webdesign (as you can see, the website is basically just two jpegs) and don't know about CSS etc, but I am hoping there is a simple way to avoid having these. Any ideas?
Thanks in advance,
JohnnyI must have been on the wrong page when I looked initially.
@JohnJohnJohn,
If you ever want to have a search engine index your site (so people can find you using Google and the like) you need to seriously reconsider what you're doing. Since your pages consist of a single image that is then mapped, there's nothing for the search engines to index in any meaningful way. Search engines rely on relevant, keyword rich, html text to give your site any kind of position in a viewer's search results. As far as the search engines are concerned, right now, your pages are blank.
Also, as it stands now, anyone with a screen reader will get what amounts to a blank page, even if they do happen across your site somehow.
Finally, the mailto links you are using won't do anything when clicked for any user who relies on browser based email clients (gmail, yahoo, hotmail, etc) because the mailto link activates email clients installed on the actual computer. If someone viewing your site without something like Outlook installed, clicking your mailto link does nothing. It's much, much better to use a form to email script (usually available from your hosting provider) to allow users to contact you no matter how their email is set up. -
How do I get rid of faint white boxes around images?
Some files that I have printed have faint white boxes around images. The images were saved in photoshop with transparent backgrounds that seem to be showing up faintly in the final printed image. Does anyone know how I can get rid of this problem?
signspec,
What happens if you print from Illy?
Your printer (driver) may be overly helpful and performs a bit of colour management all by itself. You may have a look and disable any such management in the printer (driver) options. -
How Do I get rid of a blue box around my picture "links"
Hi,
I had troubles finding out how to make a menu bar, so I went: insert>image objects> Image Placeholder, I uploaded a button I made at a website.. the image works fine, but somehow I have a blue bar around the image... How do i solve this? Also, how do you insert an interactive image (a button that links to another page on my website?
Thanks,
ChrisIn your CSS add:
a img {
border: none;
and the blue box will go away.
Did you read that post yet? The purple is just the default color for a visited link, but that code in your CSS will remove all borders from the images with links. -
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 blue borders around images in links
When you use an image as a link, a blue border surrounds the image like this:
This is because since Dreamweaver CS3, Dreamweaver no longer inserts border="0" in the image (<img>) tag. Although some people will tell you to set the image border to zero in the Property inspector, this is NOT the correct way to do it. Use CSS instead.
Create the following style rule, either in a <style> block in the <head> of the page, or preferably in an external style sheet:
a img { border: none; }
This automatically removes the blue border from ALL images that are used as links. If you use an external style sheet, and link it to all the pages in your site, the same rule affects every image link in your site. This is much more efficient than adding zero to the border property in each individual image.I must have been on the wrong page when I looked initially.
@JohnJohnJohn,
If you ever want to have a search engine index your site (so people can find you using Google and the like) you need to seriously reconsider what you're doing. Since your pages consist of a single image that is then mapped, there's nothing for the search engines to index in any meaningful way. Search engines rely on relevant, keyword rich, html text to give your site any kind of position in a viewer's search results. As far as the search engines are concerned, right now, your pages are blank.
Also, as it stands now, anyone with a screen reader will get what amounts to a blank page, even if they do happen across your site somehow.
Finally, the mailto links you are using won't do anything when clicked for any user who relies on browser based email clients (gmail, yahoo, hotmail, etc) because the mailto link activates email clients installed on the actual computer. If someone viewing your site without something like Outlook installed, clicking your mailto link does nothing. It's much, much better to use a form to email script (usually available from your hosting provider) to allow users to contact you no matter how their email is set up. -
Removing the blue line around a linked image in IE
I've got a "bookmark this page" button that I can't get the
blue line off of. I got it out in firefox by giving the image a
style with the color of the background but the success didn't
transfer over to IE. I tried using the hotspot tool and linking it
that way but it didn't work. It just reloaded the page. Any
suggestions? (thanks in advance for not being a jack *** to a
newbie) Much appreciated.
www.recoverytoday.net > button is on the top of the right
column.Adding the border="0" will cause your pages not to validate
in a strict
doctype.
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
==================
"TC2112" <[email protected]> wrote in message
news:g01t0i$d0c$[email protected]..
> Hello,
>
> You can use CSS to stop browsers from using the default
image link border.
>
> a img {border:none;}
>
> This prevents the border on all image links in the page,
or if using a
> stylesheet, all image links on the pages.
> (vesus adding border="0" to every image on every page)
>
> Take care,
> Tim
>
>
> "grlovelidge" <[email protected]> wrote
in message
> news:g01rbp$b90$[email protected]..
>> I've got a "bookmark this page" button that I can't
get the blue line off
>> of.
>> I got it out in firefox by giving the image a style
with the color of the
>> background but the success didn't transfer over to
IE. I tried using the
>> hotspot tool and linking it that way but it didn't
work. It just
>> reloaded the
>> page. Any suggestions? (thanks in advance for not
being a jack *** to a
>> newbie) Much appreciated.
>>
>> www.recoverytoday.net > button is on the top of
the right column.
>>
>
> -
Around the image box is a blue box that does not go away in the pdf.
Sandee Cohen's Visual QuickStart Guide may ease your pain. Well worth it for the $20!
InDesign CS5 for Macintosh and Windows: Visual QuickStart Guide (Visual QuickStart Guides) -
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 -
Hi, I know this is a basic question but it's causing me a lot
of grief.
When I place images on coloured backgrounds, they have white
boxes
around them. Is the only way to get around this to manipulate
the
image itself in photoshop? I've tried this but it still
doesn't look
right - there are jagged edges. Or I've tried giving the
image the
same colour background in photoshop so it blends, but there
is a white
edge. How do others handle this? Some expert advice would
really be
great to have.If you are seeing white borders against colored backgrounds,
then this means
that the white is part of the image. There would be no way to
remove that
short of editing the image in your image editing program.
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
==================
"webber" <[email protected]> wrote in
message
news:[email protected]..
>
> Hi, I know this is a basic question but it's causing me
a lot of grief.
> When I place images on coloured backgrounds, they have
white boxes
> around them. Is the only way to get around this to
manipulate the
> image itself in photoshop? I've tried this but it still
doesn't look
> right - there are jagged edges. Or I've tried giving the
image the
> same colour background in photoshop so it blends, but
there is a white
> edge. How do others handle this? Some expert advice
would really be
> great to have.
>
> -
Gray box around images in PDF and when printing? Why?
Hi,
I'm using CS5 and I'm getting a gray box around any image embedded in my document. The box comes if I click on it when a PDF and it prints around them. I can't seem to figure this one out. I'm not used to prepping files for print and I'm trying to send this out to someone who needs to print it.
It's CMYK.
I've tried to flatten transparency using both vector and rasterize.
I've made sure the images are embedded.
I can't figure this out!!
Please, help.
Thanks.does this look like your problem?
http://indesignsecrets.com/eliminating-ydb-yucky-discolored-box-syndrome.php
Maybe you are looking for
-
Add a second hard drive to the T-400
I would like to add a second internal hard drive to my T400. That requires a hard drive bay adapter and the 2nd drive. The 2nd drive is added to the bay adapter, and then the adapter is inserted in the T-400, in an existing media bay (?). Anyone done
-
Sender File Adapter - Dynamic Filename?
Dear All, I have a simple requirement to retrieve a file named "XXX_ddmmyy" from an FTP site. The FTP site administrator will place a new file everyday. The date is part of the filename. I can find a lot of information on how to set the Filename for
-
Unable to check status of Warranty Return
) Hi, I recently organised a return for my Zen x-fi 32gb (around 3 weeks ago) Since then I haven't heard anything, so I've tried on numerous occasions to input my RMA number in the 'check status' page but it always tells me it isn't an RMA number, ev
-
How do i save a midi track as a .smf?
i need to save a looped midi region (click track) as an .smf, not a .mid. can't seem to find that option anywhere.
-
My Iphone went off and i was unable to switch it on inspite off puting it for chargeing . when i tried to restrore i was getting an erroe 40 message