473,774 Members | 2,182 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

How to get rid of border around button image

74 New Member
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 10531
drhowarddrfine
7,435 Recognized Expert Expert
There is no such value as 'none' for those attributes.
Dec 24 '09 #2
Dormilich
8,658 Recognized Expert Moderator Expert
I don’t see any border around the buttons… (FF 3.5.6 / Mac 10.5)
Dec 24 '09 #3
Airslash
221 New Member
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
JWest46088
74 New Member
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 Recognized Expert Moderator Expert
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
27775
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 different border color for a mouse hover effect over the image. With Mozilla, I can simply specify img:hover {...}, but IE allows hover only for <a>. So now I'm looking for a way to set the border for my <a> element rather than the <img>, but...
2
2686
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 and hover. This works fine in Internet Explorer, but in Opera 7.22, the bottom border is 3 pixels thick. If I expand all borders to 3 pixels, this bottom border is still 2 pixels thicker than the others, which suggests that padding or a...
15
19162
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 src="./images/img1.jpg" border="0" alt="img1" /> </div> And in my css i have:
7
41735
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
1597
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 (border="5") in the html when i view source, it fails to show anything in the browser. What am I failing to do here? My code behind: private void ImageBtn_Click(Object sender, ImageClickEventArgs e) { HtmlInputImage image = (HtmlInputImage)sender;
5
15324
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 CSS the section that i need to remove the border from is this .sub_menu_img A { PADDING-RIGHT: 0.5em; DISPLAY: block;
21
6522
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" inside the "img" tag. This of course does not validate as xhtml. it does what I want it to do (gets rid of the border, in both browsers), but I want all my code to be validated, well-formed xhtml.
3
13381
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 of the css border I am adding. Is there a way around this other than just using a full image complete with the border? Any ideas?
1
3183
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 Picture box Picture describe problem ImageShack - Image Hosting :: 11ym0.jpg
0
9621
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, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
10267
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, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
1
10040
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
9914
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
8939
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
5355
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
5484
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
4012
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
3611
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

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.