|
|
| (5 intermediate revisions by 3 users not shown) |
| Line 1: |
Line 1: |
| − | [[Main Page]] >> [[Web Frameworks]] >> [[Web Frameworks - Workbook]] >> Workshop - week 10 (CSS) | + | [[Main Page]] >> [[CP2132|Web Frameworks]] >> [[Web Frameworks - Workbook|Workbook]] >> Workshop - week 10 |
| − | | |
| − | | |
| − | 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)
| |
Latest revision as of 12:12, 12 September 2009
