Difference between revisions of "Workshop - week 10"

From mi-linux
Jump to navigationJump to search
(Replacing page with 'Main Page >> Web Frameworks >> Web Frameworks - Workbook >> Workshop - week 10 (CSS)')
Line 1: Line 1:
 
[[Main Page]] >> [[Web Frameworks]] >> [[Web Frameworks - Workbook]] >> Workshop - week 10 (CSS)
 
[[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 14:20, 3 April 2009

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