Floating Issue

[Glenbot3000]

I’ve got a navigation bar that I want to float right on the same line as another image. How do I do this? Also, when I make it float right like usual, it seems to go off the side of the page unnecessarily.

I’m a bit of a novice, so go easy folks. D:

[balsam]

can you post some code or provide a link so we can see it? :)

[Glenbot3000]

#navbar{position:absolute;top:34px;left:243px}

#navbar li{margin:0;padding:0;list-style:none;position:absolute;top:0;}

#navbar li, #navbar a{height:19px;display:block;}



#home{left:0px;width:42px;}

#home{background:url('navbar.gif') 0 0;}

#home a:hover{background: url('navbar.gif') 0 -19px;}



#about{left:42px;width:47px;}

#about{background:url('navbar.gif') -43px 0;}

#about a:hover{background: url('navbar.gif') -43px -19px;}



#sub{left:89px;width:55px;}

#sub{background:url('navbar.gif') -91px 0;}

#sub a:hover{background: url('navbar.gif') -91px -19px;}



#arc{left:144px;width:58px;}

#arc{background:url('navbar.gif') -146px 0;}

#arc a:hover{background: url('navbar.gif') -146px -19px;}



#logo {position:absolute;top:5px;left:5px;}

#logo {display:inline;}

That’s all my CSS.

[Author]

Posts