473,386 Members | 1,609 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,386 software developers and data experts.

How to get rid of border around button image

I cannot figure out how to get rid of the border around my button image. I got rid of the blue border by setting border=0, but I am still getting a purple border around them after I click them until the page loads then it goes away.

Website if you want to see what I'm talking about:

http://www.drivewaysealinginc.byethost16.com/

Here is the CSS I currently have that isn't working:

Expand|Select|Wrap|Line Numbers
  1. a img {
  2.     border: none;
  3.     border-color: none;
  4.     border-top-style: none;
  5.     border-right-style: none;
  6.     border-bottom-style: none;
  7.     border-left-style: none;
  8.     outline: none;
  9.     outline-color: none;
  10. }
Any help would be appreciated. Thanks in advance.
Dec 24 '09 #1
5 10516
drhowarddrfine
7,435 Expert 4TB
There is no such value as 'none' for those attributes.
Dec 24 '09 #2
Dormilich
8,658 Expert Mod 8TB
I don’t see any border around the buttons… (FF 3.5.6 / Mac 10.5)
Dec 24 '09 #3
Airslash
221 100+
the border around an image usually appears when it isused as a link.
To solve this issue eithe ruse inline CSS or external CSS and set the border to value 0, not none.
Dec 24 '09 #4
There is no such value as 'none' for those attributes.
I'm using Dreamweaver, and the value none is an option when using these attributes.

I don’t see any border around the buttons… (FF 3.5.6 / Mac 10.5)
There isn't a blue border around the buttons in the regular state, but there is a red and dotted border in the active state (click but don't release button) and a purple and dotted border in the visited state (click and release button). But like I said before, this only shows up in the period between when the button is clicked and before the next page loads. When the next page loads, the border is gone.

the border around an image usually appears when it isused as a link.
To solve this issue eithe ruse inline CSS or external CSS and set the border to value 0, not none.
I set the border to 0 in the Dreamweaver properties panel but not in my CSS. I don't see how it would make a difference if I put it in my CSS when it is already set to 0 in Dreamweaver, but I guess I could try it.


I guess if all else fails I could just make hotspots over the buttons rather than using them as links. Thanks for your replies so far. Keep them coming!
Dec 24 '09 #5
Dormilich
8,658 Expert Mod 8TB
There isn't a blue border around the buttons in the regular state, but there is a red and dotted border in the active state
then you need to change the (default) properties of the <a> elements (namely its pseudo-class settings (:active)).
Dec 24 '09 #6

Sign in to post your reply or Sign up for a free account.

Similar topics

33
by: Thomas Mlynarczyk | last post by:
Hi, I'm looking for a way to put a 1px solid border around the image in this link: <a href="some.html"><img src="some.gif"></a> Well, that, by itself, is simple. However, I would like to have a...
2
by: Michael Winter | last post by:
I have the familiar 'thumbnail' scenario. I want to place a small border around the image when the cursor hovers above it. I use a 1 pixel, solid border around the image that changes between normal...
15
by: Oliver | last post by:
Hello i want to get a nice border around images, but not just with the simple <img src"....." border="1"> tag. I tried it in CSS. I did the following: <div class="img_class"> <img...
7
by: Bob Bedford | last post by:
I've an image in a cell of a table. I've this CSS: ..dbtable{ width: 600px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-collapse: collapse; border: 1px solid #000000;
2
by: CodeRazor | last post by:
I am building my html page in .net. After i click a button, i want an outline/border to appear around my button. I have found the HtmlInputImage.Border property and although it prints out...
5
by: DiGEnig | last post by:
ok here's my problem my markup is Xhtml strict so i am unable to place border="0" in my img tag. I want to be able to get rid of this border but have been un able to figure out how to do thi with...
21
by: Russell Hoover | last post by:
I want to make sure that no border (around a specific small "blog-button" image) ever appears in FF or IE, or any other browswer. I couldn't seem do it with xhtml, so I reverted to border="0" ...
3
by: mlblair0709 | last post by:
I need to use a gradient image on an input tag and also need to have a 2px border around that gradient to make it look like a button. The problem I'm having is that IE is adding its own border inside...
1
by: MarwaAlSagheer | last post by:
Hi, I have form with Picture box and button. Flat appearance of button is flat and Border style of Picture box is none. Problem is when window lost focus, there are white border appear around...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.