Come si fa a fare la barra di navigazione come questa :master:
Come si fa a fare la barra di navigazione come questa :master:
è una lista orizzontale, puoi controllare il suo codice!!
ciao
Era il mio cane!
cioè?Originariamente inviato da carp
è una lista orizzontale, puoi controllare il suo codice!!
ciao
per sapere come ha fatto esattamente vai a vedere sia il codice xhtml sia il file css....
xhtml:
<ul id="nav">
<li id="t-home">home
<li id="t-note">notebook
<li id="t-serv">work
<li id="t-pub">publications
<li id="t-shop">shop
<li id="t-about">about
<li id="t-cont">contact[/list]
css
#nav {
float: left;
width: 750px;
margin: 0;
padding: 0;
list-style: none;
font-size: 82%;
border-top: 1px solid #A2BD43;
border-bottom: 3px solid #355A10;
background: #538620 url(../img/nav-bg-green.gif) repeat-x top left;
}
#nav li {
float: left;
margin: 0;
padding: 0 1px 0 0;
list-style: none;
background: url(../img/nav-li-bg.gif) no-repeat top right;
}
#nav a {
float: left;
padding: 7px 13px;
text-decoration: none;
color: #fff;
}
#nav a:hover, #nav a.active {
color: #fff;
background: #538620;
}
#nav a.active {
font-weight: bold;
background: #538620 url(../img/nav-on-bg.gif) repeat-x bottom left;
}
Era il mio cane!