Citat:
Originally posted by backen@Jan 23 2007, 09:31
Denna sidan har många exempel på både horisontella och vertikala listor (menyer) med bra information om browsersupport.
|
:lol: Rejält glad nu :lol: TACK för tipset....
Det fungerar.... IE/FF/SA visar en pixelperfekt meny.
Resultat:
CSS:
------------------------
#navcontainer ul
{
padding: 0;
margin-left: 12px;
margin-top: 1px;
background-color: #036;
color: White;
float: left;
width: 500px;
font-family: arial, helvetica, sans-serif;
font-size: 10px;
}
#navcontainer ul li {
display: inline;
}
#navcontainer ul li a {
padding: 0.2em 1em;
background-color: #036;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
height: 18px;
line-height: 18px;
}
#navcontainer ul li a:hover {
background-color: #369;
color: #fff;
}
KOD:
---------------
<div id="main">
<div class="buttonarea">
<div id="navcontainer">
<ul>
<li id="active">
Item one[*]
Item two[*]
Item three[*]
Item four[*]
Item five[/list]</div>
</div>