CSS - Display in one single line

I've been trying to get this to work for waaaay too long.

I would like this to display this info in one line :
http://checkeredshirt.com/Noname7.html

Like this :
HOME | BOOKMARKS (images) | SITEMAP | (search form)

PLEASE can someone tell me what I am doing wrong ?

Thanks!

Gazing into my crystal ball I observed One <david.hunter (AT) gmail (DOT) com>
writing in news:67094700-0959-4971-8a23-8b4e5b6a8885
@f37g2000yqn.googlegroups.com:

I've been trying to get this to work for waaaay too long.

I would like this to display this info in one line :
http://checkeredshirt.com/Noname7.html

Like this :
HOME | BOOKMARKS (images) | SITEMAP | (search form)

PLEASE can someone tell me what I am doing wrong ?

Thanks!

You would do a lot better by using list markup, and styling accordingly:

Style:
#topnavbarright {border:1px solid red;}
#topnavbarright ul {list-style-type: none;}
#topnavbarright ul li {display:inline; padding:0 1em 0 0; border-
right:1px solid #c0c0c0;}
#topnavbarright ul li.noborder {border-right:none}
a.email {background-image:url(email_icon.png}: background-repeat:no-
repeat; background-postion:right; padding-right:12px}
a.external {background-image:url(external_icon.png}: background-
repeat:no-repeat; background-postion:right; padding-right:12px}

Markup:
<div id="topnavbarright">
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="mailto:me (AT) example (DOT) com" class="email" title="Grab my email
address">Email</a></li>
<li><a href="http://example.com" class="external" title="Visit Example">
Example Off Site Address</li>
</ul>
</div>

Notes: I would not include a favorite or print icon. People know how to
do that, and browsers do it different ways - you have no way of knowing
which browser a person is using and it could be confusing for someone if
it does not work.

I would also not include the search in the menu. This can create issues
for those who are using a small screen. Better to put it under the
navigation.


--
Adrienne Boswell at Home
Arbpen Web Site Design Services
http://www.cavalcade-of-coding.info
Please respond to the group so others can share