|
Posted by Jeff on 06/19/06 16:57
This link shows the example with a hovering effect on the link the mouse is
hovering over!
http://home.online.no/~au-holme/pub/66202/index.php
this link http://home.online.no/~au-holme/pub/66303/index.php embed the
changes I did to the css/html:
<li><a class="selL" href="#"><span class="selR">TEST 1</span></a></li>
#selL
{
color: #fff;
background: #781351 url(../left-tab-hover.gif) left top no-repeat;
padding-left: 10px
}
/*#navigation a:hover span*/
#selR
{
background:url(../right-tab-hover.gif) right top no-repeat;
padding-right: 10px
}
As you my suggestion don't have a hovering effect when the mouse is hovering
over a link. That's fine. BUT I want the "TEST 2" to have a different
background color than the other items... that's why I tryed the css/html
code above.. But this could isn't working....
The green layer you see is just to illustrate the size of the table cell,
you can see that the <ul> block isn't fully aligned to the left... this is
something I'm having problem with also....
Any suggestions to these 2 problems are greatly appreaciated!
Jeff
<dingbat@codesmiths.com> wrote in message
news:1150731875.119820.320160@c74g2000cwc.googlegroups.com...
> Jeff wrote:
>
>> Here is my html/css code.
>
> Post a URL to it on a live server.
>
Navigation:
[Reply to this message]
|