Hello guys, I'm a CSS newbie and I'm having hard time to create a
"simple" horizontal list like this:
Basically I made the code below:
#HTML
<ul class="project_nav">
<li><a> </a></li>
<li><a> </a></li>
<li><a> </a></li>
<li><a> </a></li>
</ul>
#CSS:
project_nav {
width: 238px;
height: 29px;
background: transparent url('/images/project_counter_bg.png') no-
repeat;
display:inline-block;
list-style:none;
white-space:nowrap;
margin: 0;
padding: 6px 0 0 0;
}
.project_nav li {
display: inline;
width: 27px;
height: 12px;
margin: 0;
padding: 0;
}
.project_nav li a {
background: transparent url('/images/project_counter_dot.png') no-
repeat top left;
}
But each list item is higher the 12px: it is 17px.
Am I missing something? How can I achieve my goal?
Thanks for any help. I appreciate it.
Have a nice day !
Sig
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
-~----------~----~----~----~------~----~------~--~---
