Search Our Web Design Blog...

Tuesday, September 27, 2011

web 2

for a banner:

This is the basics of location etc:

ul.navbar {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 2em;
    left: 1em;
    width: 9em }


This is the code that gives your text a border/box/style:

ul.navbar li a {
text-decoration:none;
display:block;
border-top:1px solid #0BB5FF;
padding:5px;
background:#236B8E;
color:#eee
}



This is the code for adding a rollover:


ul.navbar li a:hover {
background:#36DBCA;
color:#000
}

All you need to call to in your HTML is the navbar:


No comments:

Post a Comment