I am trying to stylize a left nav that displays vertically. Because the nav is generated dynamically <..txp:linklist / ..> I do not have the individual categories in their own cells. So basically the nav is a a series of ords seperated by paragraph tags in a table cell.
I would like to stylize this nav by using a hoverstate where a bg color displays. I would like the bg color to be a 90% width of the whole cell and have a set height.
I tried doing this but nothing works. Any ideas. I tried the below code:
#left a:hover
{
border: 0px;
color: #fff;
background-color: #CC0000;
text-align: left;
vertical-align: middle;
width:125px;
height:30
padding:3px;
}
with display:block; -inline; etc. Nothing works well.
Block comes close but my text starts jumping arouns all over the place.
Any help would be great.
Thx.height:30px;right that's what I had but it still didnt work. I have this so far
#left a:hover
{
color: #fff;
background-color: #CC0000;
display:block;
}
it works but the vertical space between the words is pretty big. How can I change the vertical spacing?
Thx
I would like to stylize this nav by using a hoverstate where a bg color displays. I would like the bg color to be a 90% width of the whole cell and have a set height.
I tried doing this but nothing works. Any ideas. I tried the below code:
#left a:hover
{
border: 0px;
color: #fff;
background-color: #CC0000;
text-align: left;
vertical-align: middle;
width:125px;
height:30
padding:3px;
}
with display:block; -inline; etc. Nothing works well.
Block comes close but my text starts jumping arouns all over the place.
Any help would be great.
Thx.height:30px;right that's what I had but it still didnt work. I have this so far
#left a:hover
{
color: #fff;
background-color: #CC0000;
display:block;
}
it works but the vertical space between the words is pretty big. How can I change the vertical spacing?
Thx