Hi, I’m stuck. I want to have the current page link (image) highlighted but I can’t figure out the right css. Really stupid that I can’t find it…
This is the code on the page
This is the css I have now.
#menubar{
width:544px;
height:39px;
position:absolute;
margin:82px 0 0 202px;
background:url(images/menubg.gif) no-repeat;
}
#menubar ul li {
display: block;
float: left;
font-size: 12px;
list-style: none outside none;
text-align: center;
}
#menubar ul li a {
color:#000;
font-weight:bold;
font-family:"Arial Black", Gadget, sans-serif;
}
#menubar #menu-item-30 a {
color: #008800;
font-family: "Arial Black",Gadget,sans-serif;
font-weight: bold;
height:39px;
background-image:url(images/tombol-on_01.jpg);
text-indent:-9999px;
display:block;
width:60px;
padding-right:11px;
}
#menubar #menu-item-30 a:hover {
color:#1d6fc7;
}
#menu-item-30 li {
padding-right:11px;
display:block;
}
#menubar #menu-item-34 a {
color: #008800;
font-family: "Arial Black",Gadget,sans-serif;
font-weight: bold;
height:39px;
background-image:url(images/tombol-off_02.jpg);
text-indent:-9999px;
display:block;
width:79px;
}
#menubar #menu-item-34 a:hover {
background-image:url(images/tombol-on_02.jpg);
}
#menubar #menu-item-34 current_page_item a {
color: #008800;
font-family: "Arial Black",Gadget,sans-serif;
font-weight: bold;
height:39px;
background-image:url(images/tombol-on_02.jpg);
display:block;
width:79px;
}
