Buonasera a tutti,
ho un problema sto imparando con i css, e non riesco a capire una cosa...
Posto il cod
<style type="text/css">
html {
background: #101110;
}
margin: 80px;
}
div.container
{
width:100%;
margin:0px;
border:0px solid gray;
line-height:150%;
}
div.header,div.footer
{
padding:0.5em;
color:white;
background-color:gray;
clear:;
}
h1.header
{
padding:0;
margin:0;
}
div.left
{
float:left;
width:160px;
margin:0;
padding:1em;
}
div.content
{
margin-left:190px;
border-left:1px solid gray;
padding:1em;
}
ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
li
{
float:left;
}
a:link,a:visited
{
display:block;
width:120px;
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#7A991A;
}
</style>
</head>
<ul>
<ul>[*]Home[*]News[*]Contact[*]About[/list]
Non riesco a capire, ( o meglio forse ho capito ma non riesco a risolvere )
Mettendo il css cosi il menu ( quello dei bottoni ) dove c'è <ul> per capire, mi prende i bottoni con il colore ecc, ma mi prende la stessa regola anche in tutti i link della pagina , e io vorrei che prendesse la regola solo nel menu in alto... Come posso fare, cosa sbaglio...
In ultimo vorrei che i bottoni non rimanesero quadrati, ma che diventino tab tipo quello che allego...
Gentilmente qualcuno mi puo' aiutare ?!?!?!
