[css-d] nav button help

2005-07-14 Thread Steve
I am trying this  navigation from the book stylin` with CSS a
designer`s guide by charles Wyke-Smith but some things don`t work 
what am I missing ?..
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=11/a
a class=roll href=# title=22/a
a class=roll href=# title=33/a
a class=roll href=# title=44/a
a class=roll href=# title=55/a
a class=roll href=# title=66/a
a class=roll
href=mailto:[EMAIL PROTECTED]
title=ContactContact 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/


[css-d] nav button help

2005-07-12 Thread Steve
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=11/a
a class=roll href=# title=22/a
a class=roll href=# title=33/a
a class=roll href=# title=44/a
a class=roll href=# title=55/a
a class=roll href=# title=66/a
a class=roll
href=mailto:[EMAIL PROTECTED]
title=ContactContact 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/