I am trying this as navigation..
Safari = ok
Firefox(mac) = ok
IE(mac)(only the first link rolls over) ?
am I going in the right direction ?
<{ HTML ]>
<!--nav start-->
<div class="button">
<a class="roll" href="#" title="1">1</a>
<a class="roll" href="#" title="2">2</a>
<a class="roll" href="#" title="3">3</a>
<a class="roll" href="#" title="4">4</a>
<a class="roll" href="#" title="5">5</a>
<a class="roll" href="#" title="6">6</a>
<a class="roll"
href="mailto:[EMAIL PROTECTED]"
title="Contact">Contact me</a>
</div>
<!--end nav-->
<[ CSS]>
div.button { width: 126px; height: 24px; top: 0px; left: 0px;
margin-top: 22px; padding: 3px;}
a.roll { width: 126px; height: 24px; display:block; padding-top: 2px;
padding-bottom: 2px; font: bold 12pt; text-align: center; background:
url(graphics/blue_grd_R.gif) 0px 0px no-repeat #000; }
.button a.roll:link { background-image: url(graphics/blue_grd_L.gif)
0px 0px no-repeat #000; text-decoration: none; }
.button a.roll:hover { color: #000; text-decoration: none;
background-image: url(graphics/blue_grd_L.gif);}
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
