|
giuliano
Joined: Tue Aug 03, 2010 9:56 am
Posts: 1
|
 :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; }
|
Forums
