Difference between revisions of "Workshop - week 10"
| Line 1: | Line 1: | ||
| − | [[Main Page]] >> [[Web Frameworks]] >> [[Web Frameworks - Workbook]] >> 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) | ||
Revision as of 12:08, 3 April 2009
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)
