Monday, March 31, 2014
Sunday, March 23, 2014
remove text decoration
CSS CODE
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
#navcontainer ul li { display: inline; }
#navcontainer ul li a { text-decoration: none; }
HTML CODE
css menu N box-shadow
ul li{ text-decoration:none; padding-left:50px; padding-right:50px}
.nav li{ display:block; padding: 5px 5px; background:#09C;margin-bottom:1px; width:170px}
li:hover{background:#99F}
https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
Monday, March 17, 2014
embed font
@font-face {
font-family:'xyzfont';
src: url('fonts/abc-font.eot?') format('eot'),
url('fonts/abc-font.woff') format('woff'),
url('fonts/abc-font.ttf') format('truetype');
}
.siemreap{
color:#FFF; float:right ; font-size:24px; margin: 10px 10px;
font-family: 'xyzfont', Georgia, Arial;
}
Tuesday, March 11, 2014
css third level dropdown menu
nav li ul li ul li{
background: #e4ca3b;
display: none;
height: auto;
padding: 0px;
margin: 0px;
border: 0px;
position: absolute;
width: auto;
z-index: 200;
left:3px;
}
nav li ul li:hover ul li{
height: auto;
padding: 0px;
margin: 0px;
border: 0px;
position:relative;
width: auto;
z-index: 200;
left:3px;display:block
}
Subscribe to:
Posts (Atom)