nav images display block level instead of inline

anna

New Member
Hi,

I can't get my navigation text links to display inline instead of block. Here is the code:

Code:
div.portfolioNav {
position: absolute;
top: 175px;
left: 290px;
background-color: none;
}

ul#PortfolioNav {
width: auto;
height: auto;
padding: 0 px;
}

ul#PortfolioNav li {
list-style: none;
color: #263640;
text-align: left;
border: none;
padding-bottom: 2 px;
font-size: .9em;
font-family: Helvetica, Geneva;

ul#PortfolioNav li a {
display: inline;
text-decoration: none;
}

ul#PortfolioNav li a:link {
color: #ffffff;
}

ul#PortfolioNav li a:visited {
color: #999999;
}

ul#PortfolioNav li a:hover {
color: #7D8273;
}

ul#PortfolioNav li a:active {
color: #274156;
}

Is this because I didn't specify that the ul#PortfolioNav li rule needs to be display: inline? Or is it possibly because the div.PortfolioNav is used as a div class instead of span? Sorry I'm still learning... Thank you!

Thank you for any help!
 

anna

New Member
Thank you so much for your reply. I figured it out, thank goodness, but thank you again!! :)
 
Top