Please Help, Getting Text Side By Side For Navigation

HTML & CSS
1

Hey All,
I’m hoping this is the right place to post this. Anyways, I’m looking for some help, for the life of me I cannot seem to get my top navigation text to work side by side. I’ve tried everything in this thick head of mine and everything I can find on Google.

The site can be found at www.strictpixel.net/2.0/ and the stylesheet can be found at www.strictpixel.net/2.0/css/style.css I’m fairly new when it comes to working with xhtml/css as my partner has always been the one to do it, however for our redesign I wanted to take up the task of doing it. So bare with me please!!

Thanks

2

Hello? You there?

3

Thank you so much, Works perfect. I’m gonna go ahead and try to implement that sliding doors method right now.

4

This worked for me (sorry, I rewrote your menu list):


    <!-- Start: header -->
    <div id="header">
        <ul class="navigation">
          <li>HOME</li>
          <li>ABOUT</li>
          <li>PORTFOLIO</li>
        </ul>
    </div><!-- End: header -->



ul.navigation {
	font-family : Chunkfive;
	font-size : 15px;
	color : white;
	text-align : left;
	padding-top : 55px;
	float : right;
	display: inline;
	}
ul.navigation li {
	display: inline;
	background-image : url(../images/glossButton.gif);
	margin : 0;
	padding-left : 14px;
	padding-top : 5px;
	}

You’ll have to play with the margins, etc, to get the list where you want it.

The tabs don’t work out very well because they’re a single image. I’ve used the sliding doors method of making navigation tabs with great success.