rtgx

Horizontálne textové menu

Ukážka menu >>

<!-- ?xml version="1." encoding="windows-1250"? -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sk" lang="sk">
<head>
<title>Horizontálne menu</title>
<meta http-equiv="Content-Language" content="sk"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style type="text/css">

#navigation {
width: 800px;
float: left;
background-color: #1270c8;
}

#navigation ul {
margin: 0;
padding: 0;
}

#navigation ul li {
display: inline;
}

#navigation ul li a {
font: normal 11px/13px Verdana;
padding: 0.3em 2em;
background: #1270c8;
color: #FFFFFF;
text-decoration: none;
float: left;
}

#navigation ul li a:hover, #navigation li#active a {
background: #3296f4;
color: #FFFFFF;
}

#navigation li#active a {
background: #45b4fa;
}

</style>
</head>
<body>
<div id="navigation">
<ul>
<li><a href="#">Položka jedna</a></li>
<li id="active"><a href="#">Položka dva</a></li>
<li><a href="#">Položka tři</a></li>
<li><a href="#">Položka čtyři</a></li>
<li><a href="#">Položka pět</a></li>
</ul>
</div>
</body></html>
 
Žiadne dokumenty ani odkazy k tejto stránke.