Zaloguj | Zarejestruj | FAQ
Anonymous

elementy z menu css?

+ Odpowiedz

Posty: 2 Strona 1 z 1


elementy z menu css?

przez pies2 » Wt mar 18, 2014 9:21 am

czesc
mam 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>
Avatar użytkownika

pies2

  • Posty: 57
  • Dołączył(a): Pn lut 17, 2014 12:24 pm

Re: elementy z menu css?

przez XainPro » Śr mar 19, 2014 6:47 am

<!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>
Avatar użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm


+ Odpowiedz

Strona 1 z 1