Buttons using CSS not working properly

I am using Dreamweaver CS4.
I can't get buttons to work properly using CSS.
The buttons are supposed to have a red border around them when inactive (a:link).
Hovering over the button causes it to change its appearence (this works).
Clicking the button works.
Do this then click the BACK arrow.
Buttons no longer have red border.
I have tried this with FireFox, IE 7, IE 6 and Safari. They all do the same thing.
You may see it in action at www.justforso.net/buttons.htm
What am I doing wrong???
     ..... Thanks for your help
Here is the code:
/* CSS Document */
Theme Name: Buttons Test
     margin: 0;
     padding: 0;
body {
     font: 80%/1.6 Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
     color: black;
a.example1:link
   font-size:14px;
   font-weight:bold;
   text-decoration:none;
   border-style:outset;
   border-color:red;
   border-width:5px;
   background-color: #FFFFCE;
   width:125px;
   color:navy;
a.example1:hover
   font-size:14px;
   font-weight:bold;
   text-decoration:none;
   border-style:inset;
   border-color:red;
   border-width:5px;
   background-color: #FFFFCE;
   width:125px;
   color:maroon;
/* CSS Document */
/* HTML Document */
<!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>Buttons Test</title>
<link rel="stylesheet" href="buttons.css" type="text/css" media="screen" />
</head>
<body>
<p> </p>
<p> </p>
<A href="http://www.sitepoint.com/" class="example1"> Beginners </A>
<A href="http://www.sitepoint.com/" class="example1"> Promotion </A>
<A href="http://www.sitepoint.com/" class="example1"> Site Point </A>
</body>
</html>
/* HTML Document */

It's because you have created styles only for the :link and :hover pseudo-classes. Your buttons revert to the default state when the link is active (being clicked) or has been visited. You need to assign properties to the :visited and :active pseudo-classes as well.
Another point about your CSS is that you're failing to make use of the cascade. There's no need to repeat values that don't change. I have rewritten your CSS like this:
a.example1
   font-size:14px;
   font-weight:bold;
   text-decoration:none;
   border-width:5px;
   border-color:red;
   background-color: #FFFFCE;
   width:125px;
   color:navy;
a.example1:link, a.example1:visited {
     border-style:outset;
a.example1:hover, a.example1:active
   border-style:inset;
   color:maroon;
This applies common rules to the basic a.example1 selector, and sets the overrides for the pseudo-classes.
One other point. You're using an XHTML DOCTYPE. All tag names MUST be in lowercase to be valid. This is wrong:
<A href="http://www.sitepoint.com/" class="example1"> Beginners </A>
The opening and closing <a> tags should be in lowercase.

Similar Messages

My speaker is not working properly in 4s if i use headphone its working now my volume increase decrease button is also not working properly how can i solve it pl help me my warranty finished

my speaker is not working properly in 4s if i use headphone its working now my volume increase decrease button is also not working properly how can i solve it pl help me my warranty finished

Hello. I sent my WRT1900AC V1 to Linksys four days ago (Monday) via UPS with a RMA. Linksys paid the shipping and everything. The router is still in route, and it should arrive to their offices tomorrow. Once they receive the WRT1900 AC V1, they are going to send me an EA8500 as a replacement. But I have been reading the comments about the EA8500 here in the forum and it seems to have the same problems. I guess the firmware is extremely flawed in both routers (maybe it is almost the same code?). Anyway, I will try the EA8500 and I hope it works. I bought a temporary router from Walmart and I paid $35 for it. It is a Belink N600 DB. I can't believe that a $35 router is working a lot, lot, lot better than my previous $250 WRT1900AC router. Unbelievable. If the EA8500 doesn't work, I'm going to try and get my money back from Linksys, or contact The Consumerist or someone to get my money back and get a Nighthawk instead.

Play/Pause Button Captivate 3 not working properly

I am using Captivate 3, but my play/pause button is not working properly. I can publish and upload to my LMS, but when I click the pause button the first time the mode changes but the project keeps playing. I have to click two more times and then it works. Can anyone offer any assistance? Thanks so much!

Hello @Unit_27 ,
Welcome to the HP Forums!
Thank you for the information about your keyboard! I'll see what I can do to help
I think it would be a good idea to take apart the keyboard, or some of it, to determine if the keys are obstructed somehow. Some information on the supported method of cleaning the keyboard is mentioned in this document: Cleaning your Notebook PC
If this does not resolve the issue, I would reinstall Windows on the computer. The issue at this point would be software related, to some unknown extent. A recovery will address any software issue. First, make sure you backup everything you need to. Here is some information on how to do this: Backing Up Your Files
Once this is done, it is safe to reinstall the computer. Here is some additional information on how to do this properly: Performing an HP System Recovery
Please let me know if you have any other questions. Thanks and have a great day!
Mario
I worked on behalf of HP.

Dynamic resizing in JDialog using setSize not working properly on solaris

can anyone help..
Dynamic resizing in JDialog using setSize is not working properly on solaris, its work fine on windows.
i have set Jdialog size to setSize(768,364),
when i dynamically resizing it to setSize(768,575); it doesn't get change but when i move dialog using mouse it gets refreshed.
this problem is only happening on solaris not on windows.

Hi,
It's only an approach but try a call of validate() or repaint() after re-setting the size of your dialog.
Cheers, Mathias

Change Password on first use does not work properly.

I have created apex application user in Oracle Apex 3.2 as follows
BEGIN
APEX_UTIL.CREATE_USER(
p_user_name => 'NEWUSER1',
p_web_password => 'secret99');
END;
As in the documentation
p_change_password_on_first_use IN VARCHAR2 DEFAULT 'Y',
User should be prompted to change password at first use. But it does not work properly. There is no such message. Still accepts user to log in with old passord that was first given to the user. I have tried explicitly to ensure change password at first log in. by
BEGIN
APEX_UTIL.CREATE_USER(
p_user_name => 'NEWUSER1',
p_web_password => 'secret99',
p_change_password_on_first_use =>'Y');
END;
Still does not work. How can I ensure user to change password on first login.
Hasan Al Mamun
Programmer
Bangladesh Bank
Dhaka, Bangladesh

Might be a long way around the problem but I would utilize a boolean flag in a column (FIRST_LOGIN) your custom auth table set to 'Y' when you create their account. Then on the login page have a page process something like:
** NOT TESTED **
declare
v_first VARCHAR2(10;
v_session NUMBER;
begin
v_session := APEX_CUSTOM_AUTH.GET_NEXT_SESSION_ID;
select FIRST_LOGIN into v_first from AUTH_TABLE where user_name = :P101_USERNAME and :P101_PASSWORD;
if v_first = 'Y' then
wwv_flow_custom_auth_std.login(
P_UNAME => :P101_USERNAME,
P_PASSWORD => :P101_PASSWORD,
P_SESSION_ID => v_session,
P_FLOW_PAGE => :APP_ID||':2' *** THIS IS YOUR PAGE TO HAVE THEM RESET THEIR PASSWORD ***
else
wwv_flow_custom_auth_std.login(
P_UNAME => :P101_USERNAME,
P_PASSWORD => :P101_PASSWORD,
P_SESSION_ID => v_session,
P_FLOW_PAGE => :APP_ID||':1' *** MAIN LOGIN PAGE *****
EXCEPTION WHEN OTHERS THEN
*** handled **
end;
The page 2 in this example would have an few items for them to enter their new password twice, a page process to update their password in the auth table and then redirect them to the intended first page.
Not sure if it meets your setup.
Ricker

Dynamic resizing in JDialog using setSize not working properly

Hi,
I have a dialog in which i have two radio buttons.
As i click on other radio button the size of the dialog should change.
I did so using setSize.
As i change the size from smaller dialog to a bigger one then newly created portion is not painted properly. Although the size is increased but the painting of the new portion is not done fine.
Any ideas?
Is this is a Java bug?
Here is the code snippet:
public MyDialog() {
     Container contentPane = this.getContentPane();
     JPanel radioPanel = new JPanel();
ButtonGroup radioGroup = new ButtonGroup();
mInstancesButton = new JRadioButton("Instances");
mActivitiesButton = new JRadioButton("Activities");
mInstancesButton.setBounds(100,0,100,25);
mActivitiesButton.setBounds(200,0,100,25);
mInstancesButton.addItemListener(this);
mActivitiesButton.addItemListener(this);
radioGroup.add(mInstancesButton);
radioGroup.add(mActivitiesButton);
radioPanel.setLayout(null);
radioPanel.add(mInstancesButton);
radioPanel.add(mActivitiesButton);
radioGroup.setSelected(mInstancesButton.getModel(), true);
     contentPane.add(radioPanel);
     this.setSize(600,300);
public void itemStateChanged(ItemEvent ie) {
Container contentPane = this.getContentPane();
if(ie.getSource().equals(mInstancesButton) && ie.getStateChange() == ie.SELECTED) {
this.setSize(600,300);
else if(ie.getSource().equals(mActivitiesButton) && ie.getStateChange() == ie.SELECTED) {
this.setSize(600, 500);

Hi,
It's only an approach but try a call of validate() or repaint() after re-setting the size of your dialog.
Cheers, Mathias

Resizing image using CSS - not working in IE

Hello,
I have a standard report with couple of columns one of which a image column. The images are of varying sizes and I manged to resize them to a fixed width & height by using CSS code in page header as below:
td[headers="ITEM_PICTURE"] img {
display: block;
width: 70px;
border: 1px solid #999;
padding: 4px;
background: #f6f6f6;
}The CSS does the trick in Chrome & Firefox but does not work in internet explorer. Is there a way to make this CSS code IE friendly?
Cheers for help.

William Wallace wrote:
I am using Apex 4.2.1 (had this issue in 4.1.1 as well) and using theme 10.Ah, the Sludge Sand theme. In 4.x that's a legacy theme only really included to allow applications to run on IE6. It's therefore intended to run in quirks mode, meaning in Internet Explorer terms there's no support for anything that didn't work in IE6 (for certain values of "work"). This means no CSS3, no support for a lot of useful CSS2.1 stuff (like attribute selectors), and probably problems with jQuery which requires standards mode. Adding a DOCTYPE to the page templates to trigger standards mode Interactive Report: how can I display carriage returns?. In 4.2 you really should switch to one of the latest Standard themes, or at least one of the standards mode Legacy themes (those not marked with a "*").
If you must use theme 10, and there are no other images in this report (like edit icons) then you could add a static ID to the region and use a more basic selector like:
#static-id td.t10data img {
display: block;
width: 70px;
border: 1px solid #999;
padding: 4px;
background: #f6f6f6;
}However, it appears that one of IE's quirkier quirks mode quirks is that CSS padding is not supported on images, so the presentation you want is not possible using theme 10 in IE and CSS alone.
Switching to a modern theme is recommended.
Edited by: fac586 on 02-Mar-2013 10:31

Links using anchors not working properly to some people

on this site:
http://www.thevpp.ca
I used anchors to link the show ads on either side of the page to the appropriate section of the show page. This works perfectly in Safari, Firefox (on mac) and IE (on PC).
Our client and one other person have complained that the link to "GodSpell" opens "Heart & Soul" in the centre of the page instead of GodSpell, but I cannot duplicate this. I can't find out what browser / version / OS they're using as they don't know.
Clicking on the GodSpell image on the home page takes you to shows.html#b which is GodSpell. (Heart & Soul is shows.html#a)
They say the other show links work perfectly. I thought initially their browser might not support anchors, but if the others work, then I don't get why this one doesn't.
Is there a better way to link these images than using anchors? Could the problem be that the anchor links are within a ProjectVIII scroller?

A few code errors to check:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.thevpp.ca%2Fshows.html%23b
I see several problems. In Firefox 12, the only links that work consistently for me are "Love Letters" and "Sinatra". If I use the custom scrollbar and go all the way down to "Sinatra," the links don't trigger anything. Same thing happens in Chrome.
For an alternate approach, I created a named anchors demo (without tables). You'll see there is ample space between each of the named anchor regions (view page source to see the code).
http://alt-web.com/TEMPLATES/FixedLayout.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com/

My IPod touch 4G's volume and lock buttons have been not working properly What should I do that isn't too costly

My iPod volume and lock button have not been working right ever since its battery died it did start to work again but then it stopped working. I'm very confused about how I should go about fixing this please help.

Try:
- Reset the iOS device As best you can). Nothing will be lost
Reset iOS device: Hold down the On/Off button and the Home button at the same time for at
least ten seconds, until the Apple logo appears.
- Reset all settings
Go to Settings > General > Reset and tap Reset All Settings.
All your preferences and settings are reset. Information (such as contacts and calendars) and media (such as songs and videos) aren’t affected.
- Restore from backup. See:
iOS: How to back up
- Restore to factory settings/new iOS device.
If still problem, make an appointment at the Genius Bar of an Apple store since it appears you have a hardware problem.
Apple Retail Store - Genius Bar
If not under warranty or abused
Apple will exchange your iPod for a refurbished one for this price. They do not fix yours.
Apple - iPod Repair price
A third-party place like the following maybe less. Google for more.
iPhone Repair, Service & Parts: iPod Touch, iPad, MacBook Pro Screens
Try fixing it yourself if you are up to it
iPod Touch Repair – iFixit

Outlook 2013 sending email using template not working properly...

I've created several email templates by doing the following:
open new message
add some tekst in the body
save as > oft file
Now when I open such oft file I add some modifications in the body text and send the message. However, the send item does not contain the modifications I just made, only the text that was included in the template.
We're using Outlook 2013 SP1 (with all microsoft updates installed) with Exchange 2013 SP1 standalone server. Is this a Outlook or Exchange issue and how can I resolve this?
Thnx Remco

Hi Remco,
Please also try to start Outlook in safe mode and test again to check if this issue continues. To start Outlook in safe mode, press Windows key + R to open the Run command, type
outlook /safe and press Enter.
If problem continues in Outlook safe mode, please try creating a new mail profile and reconfigure your email account, then creating a .oft template to test this issue again. For your convenience:
http://office.microsoft.com/en-in/outlook-help/create-an-outlook-profile-HA102749460.aspx
Please let me know the result.
Regards,
Steve Fan
Forum Support
Come back and mark the replies as answers if they help and unmark them if they provide no help.
If you have any feedback on our support, please click
here

Trying to position a form in the header using CSS - not working right in IE

I am making my first foray into CSS-only design (no tables), and it’s going pretty well – except for one thing (so far). If you look at this link in Firefox http://www.daveblaker.com/clients/jenslist/indexTEMP.htm the “Search Archives” field appears where I want it (in the pale yellow area of the header, to the far left). If you view it in IE6 – it ends up more or less in the center and up a bit. I've tried placing the form inside the header div, outside the wrapper div, etc. Any help would be appreciated…
Thanks!
DB

Hi,
Please check if there is Event ID 9017 and 9018 in the application log, make sure the MRM works well.
Please make sure the Microsoft Exchange Mailbox Assistants service is working well.
And you can increase the diagnostic logging level for the MRM, then you can monitor the events in the application log.
Best regards,
Belinda Ma
TechNet Community Support

CSS Not working properly??

I have used a CSS on my site but for some reason the links
are still blue even though the CSS specifies them as grey. Does
anyone know why this might happen?
Thanks,
Aileejn

After all this time, I still recognize her! 8)
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
==================
"crash" <[email protected]> wrote in message
news:e2m58o$6cn$[email protected]..
> everything i see reminds me of her.....
>
>
>>
>>>REALLY? Any pix? 8)
>>
>> Like this one from a famous Woody Allen movie?
>>
>>
http://www.tamegoeswild.com/thedailymumble/2004/images/08/sex3.jpg
>>
http://www.tamegoeswild.com/thedailymumble/2004/images/08/sex4.jpg
>>
>> SCNR
>> Micha
>
>

Disabling Radio Button Conditionally is not working Well

Hi friends,
I have three radio buttons
<li>self
<li>New Hire
<li>On Behalf of
I will be showing this radio button conditionally according to the user who logs into the application.
Assume, suppose if a person 'A' enters into the application means he will be shown only these radio button options ---NH---,----OB----,----Self-----
Suppose, if a person 'B' enters into the application means he will be shown only these radio button options ----NH----,----Self---
If a person 'C' enters into the application means he will be shown only these radio button options ---Self---
I have restricted those radio buttons according to the users who enter into the application using their roles.
But my challenge here is once the user logged in and if he select anyone of the radio button means,
Example if he selects----NH---means, then ---OB----and -----Self---radio button has to disable and if he selects ---OB----means then ----NH-----and ---Self---has to
disable(vice versa).
I have also achieved the same using the DA.
With true action as: javascript Expression i have given the following codings( i have written the below DA for three cases, if the request_class_code is equal to
(NH,OB,S)
var enabled=$v('P22_REQUEST_CLASS_CODE');
if (!$u_SubString(enabled,'S')) $('#P22_REQUEST_CLASS_CODE_2').attr("disabled","disabled");
if (!$u_SubString(enabled,'NH')) $('#P22_REQUEST_CLASS_CODE_0').attr("disabled","disabled");
if (!$u_SubString(enabled,'OB')) $('#P22_REQUEST_CLASS_CODE_1').attr("disabled","disabled"); The above DA is working great only for the user who has the option of viewing three radio buttons in my form(i.e)(NH,OB,S).
For the user who has the option of viewing two or one radio button, it is not working properly(i.e)(NH,S) or(OB,S) or(S).
Why it is not working for the user with two options or with one option radio button means, the source of that radio button property is changing. Since i have taken
the source of my radio button in my DA only when the three options are present.
How i can solve this issue for the user who is having this two radio option or one radio option.
Hope you understood clearly about the problem.
Brgds,
Mini

Hi,
If I did understand what you like have this might work
var lVal = $v('P22_REQUEST_CLASS_CODE');
$('#P22_REQUEST_CLASS_CODE input:not([value="' + lVal + '"])').attr("disabled","disabled");Regards,
Jari
http://dbswh.webhop.net/dbswh/f?p=BLOG:HOME

AirDrop is not working properly on my Ipad mini, it doesn't have the accept button. What can I do?

AirDrop is not working properly on my Ipad mini, it doesn't have the accept button. What can I do?

What are you trying to AirDrop to? Another iOS device or a Mac?
Check out this tutorial for getting AirDrop setup as well as the system requirements...make sure your devices all meet the stated requirements.
http://9to5mac.com/2015/01/24/yosemite-ios-8-how-to-set-up-and-use-airdrop/
See this as well:
Mac Basics: AirDrop lets you send files from your Mac to nearby Macs and iOS devices - Apple Support

Hello My ipads Power button is not working properly when I press it once it shows option to turn off instead of locking and some other display problems like it suddenly lockes down or display disappears ...Please help. Thank You

Hello My ipads Power button is not working properly when I press it once it shows option to turn off instead of locking and some other display problems like it suddenly lockes down or display disappears ...Please help. Thank You

Thanks for that information!
I'm sure I will be calling AppleCare, but the problem is, they charge for the phone calls don't they? Because I don't have money to be spending to be on the phone with a support service.
In other things, it seemed like the only time my MacBook was working was when I had Snow Leopard without the 10.6.8 update download that was supposed to be done to prepare for OS X Lion.
When I look at the information of my HD it says that I have 10.6.8 but that was the install that it claimed to have failed and caused me to restart resulting in all of the repeated problems.
Also, because my computer is currently down, and I've lost all files how would that effect the use of my iPhone? Because if it doesn't get fixed by the time OS 5 is released, how would I be able to upgrade?!

Buttons using CSS not working properly

Similar Messages

Maybe you are looking for