I am developing a navigation bar and want to use the 'sliding doors'
principal to create 'tabs'
I have it working OK, but need to specify a differing bottom left image on
the first tab, and a different bottom right image on the last tab. Here is
the basic css that works to a degree;
#nav UL A {
DISPLAY: block;
float:left;
padding: 0 12px;
line-height: 2.5em;
background:url(nav_end.jpg) no-repeat bottom right;
text-decorarion:none;
COLOR: #b32541;
}
#nav LI {
FLOAT: left;
margin-left:-4px;
background:url(nav_start.jpg) no-repeat bottom left;
}
#nav UL .first A {
margin-left:-4px;
padding-left:30px;
padding-right:12px;
background:url(nav_start.png) no-repeat left bottom;
}
#nav li .last {
background:url(nav_end.png) no-repeat right bottom;
}
I can only get the different bottom left image on the first tab working by
manipulating the A tag, not the LI tag. Doing this however, messes up the
bottom right of the first tab. I cannot get the bottom right of the last tab
working at all.
So hints in the right direction would really help.
Here is the page http://www.hhhconsulting.co.uk/dev/jenny/nav.htm and the
CSS http://www.hhhconsulting.co.uk/dev/jenny/files/slo.css
Many thanks
Pete
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
