Forums
View unanswered posts | View active topics It is currently Thu Aug 21, 2014 9:57 pm



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

Joined: Tue Aug 03, 2010 9:56 am
Posts: 1
Post :active ignored
hello,
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

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
        <link href="screen.css" media="screen" rel="stylesheet" type="text/css" />
        <!--[if lt IE 9]>
            <style type="text/css">
                #navigation a { behavior: url(pie.htc); }
            </style>
        <![endif]-->
    </head>

    <body>
        <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>
        </ul>
    </body>
</html>


Code:
/* 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; }


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

Who is online

Users browsing this forum: Bing [Bot], Google [Bot] 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.