On 12/2/11 2:14 PM, mem wrote:
I'm trying to make a list that will change tree things on hover:
text color;
background color;
bullet image;
k. regards,
mem
Something like this?
<!doctype html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>mem</title>
<meta name="viewport" content="width=device-width">
<style>
html,body{margin:0;padding:0;}
nav ul{margin:0;padding:0}
nav ul li{list-style:none;}
nav ul li a {background: lime
url("http://www.hpp.moh.gov.sg/HPP/MungoBlobs/636/378/bullets_doctors.gif";)
no-repeat right center;border-top:1px solid #000;border-bottom:1px solid
#000;color:#000; font-size: 100%;display:block;margin:0 0 1px
0;padding:.5em 0;text-decoration:none}
nav ul li a:hover,nav ul li a:focus,nav ul li a:active{background: red
url("http://www.hpp.moh.gov.sg/HPP/MungoBlobs/636/378/bullets_doctors.gif";)
no-repeat right center;color:#fff}
</style>
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<nav><ul>
<li><a href="#">Page One</a></li>
<li><a href="#">Page Two</a></li>
<li><a href="#">Page Three</a></li>
<li><a href="#">Page Four</a></li>
</ul></nav>
</body></html>
Best,
Una Barth
Los Angeles
--
Desktop. Laptop. Tablet. Mobile!
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
![http://www.hpp.moh.gov.sg/HPP/MungoBlobs/636/378/bullets_doctors.gif"](http://www.hpp.moh.gov.sg/HPP/MungoBlobs/636/378/bullets_doctors.gif"){kind=link}