Workshop - week 10

Main Page >> Web Frameworks >> Web Frameworks - Workbook >> Workshop - week 10 (CSS)

CSS-- <STYLE TYPE="text/css">

.menub{ position:relative; padding:0 0 0 34px; margin:0 auto 0 auto; background:url(menub_bg.png) repeat-x;

height:46px; list-style:none; width:92%; } .menub li{ float:left; } .menub li a{ float:left; display:block; color:#000; text-decoration:none; font-family:sans-serif; font-size:13px; font-weight:bold; padding:0 0 0 18px; height:46px; line-height:46px; text-align:center; cursor:pointer; } .menub li a b{ float:left; display:block; padding:0 36px 0 18px; } .menub li.current a{ color:#fff; background:url(menub_hover_left.png) no-repeat;

background-position:left; } .menub li.current a b{ color:#fff; background:url(menub_hover_right.png) no-repeat right top;

} .menub li a:hover{ color:#fff; background:url(menub_hover_left.png) no-repeat;

background-position:left; } .menub li a:hover b{ color:#fff; background:url(menub_hover_right.png) no-repeat right top;

}

</STYLE>

Binay Randhawa (0719961)