elementy z menu css?
Posty: 2 Strona 1 z 1
elementy z menu css?
czescmam takie pytanko co to jest jak poniżej?
#menu,#menu li,#menu li a,#menu li a span,#menu li a:hover,#menu li a.active, #menu li a.active:hover.
przyklad:
<html>
<head>
<title>stronawww</title>
</head>
<body>
<ul id="menu">
<li><a href="#" id="active"><span>Strona glowna</span></a></li>
<li><a href="#"><span>O mnie</span></a></li>
<li><a href="#"><span>Ogolnie o rybach</span></a></li>
<li><a href="#"><span>Galeria</span></a></li>
</ul>
</body>
<style>
body {
padding: 10px;}
#menu{
margin:5;
padding 5;
display:block;}
#menu li{
list-style:none;
display:inline;}
#menu li a{
background: gray;
float: left;
padding-left: 35px;
display: block;
color: black;
text-decoration: none;
font:12px Arial;
font-weight: bold;
cursor:pointer;
}
#menu li a span{
line-height:30px;
float:left;
display:block;
padding-right:15px;
}
#menu li a:hover{
background: #000;
color: #fff;
}
#menu li a.active, #menu li a.active:hover
{ background: #000;
color: #fff;
}
</style>
</html>
Re: elementy z menu css?
<!DOCTYPE html><html>
<head>
<style>
ul
{
list-style-type:none;
margin:0;
padding:0;
}
</style>
</head>
<body>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
</body>
</html>
Strona 1 z 1