CSS menupanel I

Menuens kontekst er i dette eksempel, at den skal indsættes i en venstrestillet menuspalte med en bredde på 25 procent af browservinduets bredde.

Stylesheet kode

<style type="text/css" media="screen">
ul.menu {	
  list-style: none; 
  background-color:#fff;
  border-width:0 1px 1px 1px;
  border-style: solid; 
  border-color: #257; 
  margin: 0; 
  padding:0; }

ul.menu li a { 
  text-decoration:none;
  color:#1a0080; 
  background-color:#fff;
  display:block;
  margin:0; 
  padding:3px 1%; 
  font-size:100%;
  border-top:1px solid #257; }
ul.menu li a:hover { 
  color:#fff; 
  background-color:#1a0080; }
</style>
<!--[if IE]>
<style type="text/css" media="screen">
ul.menu li { 	display:inline; }
ulmenu a {width:98%;}
</style>
<![endif]-->

Vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud.

Webdesign 101