View unanswered posts | View active topics It is currently Mon Jan 20, 2020 1:00 pm

Reply to topic  [ 1 post ] 
 :active ignored 
Author Message

Joined: Tue Aug 03, 2010 9:56 am
Posts: 1
Post :active ignored
in the example that I've attached looks like the :active state on the links is ignored unless I click, drag out the mouse out and then release.

am I doing anything wrong?
thank you in advance

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
<html xmlns="">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link href="screen.css" media="screen" rel="stylesheet" type="text/css" />
        <!--[if lt IE 9]>
            <style type="text/css">
                #navigation a { behavior: url(; }

        <ul class="clearfix" id="navigation">
            <li><a href="">voce menu 1</a></li>
            <li><a href="">voce menu 2</a></li>
            <li><a href="">voce menu 3</a></li>
            <li><a href="">voce menu 4</a></li>

/* begin reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
body {
   line-height: 1;
ol, ul {
   list-style: none;
blockquote, q {
   quotes: none;

:focus {
   outline: 0;

ins {
   text-decoration: none;
del {
   text-decoration: line-through;

table {
   border-collapse: collapse;
   border-spacing: 0;
/* end reset */

/* begin clearfix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;

.clearfix {display: inline-block;}
/* end clearfix */

body, html {
    height: 100%;
    width: 100%;

body { background: #f8f8f8; color: #333; font-family: Trebuchet, Tahoma, Arial, sans-serif; }
#navigation { display: block; }
    #navigation li { height: 100%; }
        #navigation a {
            background: #ff7400 url('navigation_element_bg.gif') repeat-x;
            border: 1px solid #ff7702;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            color: #fff;
            display: block;
            font-size: 18px;
            margin-bottom: 10px;
            padding: 10px 15px;
            position: relative;
            text-decoration: none;
        #navigation a:hover { background-position: 0 -39px; }
        #navigation a:active { background-position: 0 -78px; }

navigation_element_bg.gif [402 Bytes]
Downloaded 237 times
Tue Aug 03, 2010 10:00 am
Display posts from previous:  Sort by  
Reply to topic   [ 1 post ] 

Who is online

Users browsing this forum: No registered users and 3 guests

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.