Posted by Paolo on 07/15/07 18:10

Hello,
the page is not online yet, I'm still working on it.

This is the css code

..nav-top-menu
{
font-family: Arial, sans-serif, 10%;
margin-top: 1%;
margin-left:12%;
}

..nav-top-menu ul
{
list-style: none;
padding: 0;
margin: 0;
text-align:center;
}

..nav-top-menu li
{
float: left;
margin: 0 0.15em;
}

..nav-top-menu li a
{
height: 3em;
line-height: 2em;
float: left;
width: 7em;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
}

..nav-top-menu li a span
{
color: white;
text-decoration: underline;
font-style: italic;
font-weight: bold;
font-size: 1em;
}

and here the html code

<div class="nav-top-menu" width=100% >
<ul>
<li><span>Item1</span></li>
<li><span>Item2</span></li>
<li><span>Item3</span></li>
<li><span>Item4</span></li>
</ul>
</div>

Thanks!
Paolo

• Next in forum: Re: Single row navigation menu
• Prev in forum: Re: Elegant email
• Thread view: Re: Single row navigation menu

[Reply to this message]